/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
:root {
  --navy: #143156;
  --white: #f2f2f2;
  --green: #2c5a2c;
  --junior-blue: #255586;
}

.desktop-only {
  display: block;
}

table.desktop-only {
  display: table;
}

th.desktop-only,
td.desktop-only {
  display: table-cell;
}

.mobile-only {
  display: none;
}

@media (max-width: 768px) {
  .desktop-only {
    display: none !important;
  }

  .mobile-only {
    display: block !important;
  }
}

#main-hero-btn {
  color: var(--navy);
}

#main-hero-btn:hover {
  color: var(--white);
}

table th,
table td {
  padding: 2.5rem 2rem !important;
  vertical-align: middle !important;
  text-align: center !important;
}

table th {
  font-weight: 600;
  background-color: var(--navy);
  color: var(--white);
}

table.junior th {
	background-color: var(--junior-blue);
}

table td span {
  font-size: 1.1rem;
}

@media (min-width: 769px) {
  table td:first-child {
    font-weight: 600;
    color: var(--navy);
  }

  table.junior td:first-child {
	color: var(--junior-blue);
  }
}

table.girls-only {
	max-width: 700px;
}

table.girls-only td:first-child {
	font-weight: 400;
	color: var(--primary);
}

.widget-title {
  padding: 0;
  border: none;
}

p {
  margin: 0 !important;
}

a:focus {
  outline: none !important;
}

a.footer-link {
  display: block;
  cursor: pointer;
  text-decoration: underline;
  font-size: 13px !important;
  font-weight: 200 !important;
  margin-bottom: 7px;
}

a.line-narrow {
  line-height: 1.3 !important;
}

div.wpforms-container-full:not(:empty) {
  margin: 0 !important;
}

div.wpforms-container-full .wpforms-field-label,
.wp-core-ui div.wpforms-container-full .wpforms-field-label {
  font-size: 14px !important;
  font-weight: 400;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
button[type="submit"],
.button,
body div.wpforms-container-full .wpforms-form input[type="submit"],
body div.wpforms-container-full .wpforms-form button[type="submit"],
body div.wpforms-container-full .wpforms-form .wpforms-page-button,
.woocommerce-cart .wp-element-button,
.woocommerce-checkout .wp-element-button,
.wp-block-button__link {
  font-size: 14px;
  font-weight: 300;
}

@media (max-width: 768px) {
  .lesson-cards {
    display: flex !important;
    flex-direction: column;
    gap: 3rem;
    max-width: 400px;
    margin: 2rem auto;
  }

  .lesson-subtitle {
    display: block;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1.5rem;
  }

  .lesson-card {
    border: 1px solid #f2f2f2;
    border-radius: 12px;
    padding: 2rem;
    background: #f8f9fb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  }

  .lesson-card h3 {
	font-family: var(--e-global-typography-secondary-font-family)!important;
    text-transform: uppercase;
    margin: 3rem 0;
    font-size: 2.2rem;
    text-align: center;
    color: #2f4e6f !important;
  }


  .junior .lesson-card h3 {
	color: var(--junior-blue)!important;
  }

  .lesson-item {
    color: #444;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 0;
    border-bottom: 1px solid #dddddd;
  }

  .lesson-item:last-child {
    border-bottom: none;
  }

  .junior .lesson-item:last-of-type {
	margin-bottom: 10px!important;
  }

  .instructor-title {
    font-weight: 600;
    font-size: 1.3rem;
  }

  .price {
    font-weight: 400;
    text-align: end;
    font-size: 1.3rem;
  }

  .price span,
  .instructor-title span {
    font-weight: 400;
    font-size: 1.1rem;
  }
}

#site-navigation-wrap .dropdown-menu > li > a:hover,
#site-navigation-wrap .dropdown-menu > .current-menu-item > a,
#site-navigation-wrap .dropdown-menu > .current-menu-ancestor > a,
#site-navigation-wrap .dropdown-menu > .current-menu-item > a:hover,
#site-navigation-wrap .dropdown-menu > .current-menu-ancestor > a:hover {
	text-decoration: underline;
	text-underline-offset: 5px;
	font-weight: 600;
}


.btn-booking .elementor-button-link {
	display: block;
	width: 230px;
}