/*
Theme Name: Padelsquare
Theme URI: https://padelsquare.ee
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Padelsquare theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: padelsquare
*/

/* Theme customization starts here
-------------------------------------------------------------- */
:root {
  --global-md-spacing: 1.5rem;
}

body:not(.content-title-style-hide) #wrapper {
  background-image: url("data:image/svg+xml,%3Csvg width='1200' height='1140' viewBox='0 0 1200 1140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.105244 0H831.539L875.371 4.05213L898.657 8.10426L935.64 18.9099L963.035 29.7156L997.278 45.9242L1026.04 63.4834L1042.48 75.6398L1064.4 93.199L1082.2 109.408L1100.01 126.967L1112.34 141.825L1130.14 164.787L1143.84 186.398L1157.54 210.711L1169.87 236.374L1179.45 262.038L1190.41 299.858L1195.89 325.521L1198.63 349.834L1200 370.095V403.862L1195.89 448.436L1189.04 479.502L1178.08 515.971L1168.5 538.934L1152.06 572.701L1138.36 595.663L1120.55 619.976L1102.75 641.588L1091.79 652.393L1087.68 657.796L1084.94 660.497L1073.98 669.952L1057.55 684.81L1034.26 702.37L1008.24 718.578L983.581 732.085L961.665 742.891L928.791 755.047L895.917 763.152L852.085 771.256L839.758 772.606L812.363 773.957H604.162L617.859 740.189L637.036 691.564L660.321 632.133L675.389 594.313L694.565 542.986L704.153 510.569L711.002 480.853L713.741 459.242V418.72L711.002 401.161L702.783 376.848L694.565 361.99L683.607 348.483L672.649 339.028L650.733 326.872L630.187 321.469L612.38 318.768L535.675 317.417H435.683L363.087 316.066L332.953 313.365L302.818 307.962L274.054 301.208L228.852 285L190.5 266.09L160.365 247.18L137.08 229.621L117.903 213.412L97.357 193.152L87.7688 182.346L74.0714 166.137L59.0042 145.877L41.1975 117.512L23.3909 82.3933L11.0632 49.9763L3.1004 22.504C3.1004 22.504 0.342043 12.2449 0.105244 9.07509C-0.131555 5.90528 0.105244 0 0.105244 0Z' fill='%23FEBA5D' fill-opacity='0.1'/%3E%3Cpath d='M387.399 773.957H603.818L601.079 782.061L586.011 814.478L564.096 857.701L544.919 896.872L533.961 921.184L496.978 994.123L480.541 1019.79L462.735 1044.1L446.298 1061.66L428.491 1079.22L410.685 1092.72L386.029 1107.58L365.483 1117.04L339.458 1126.49L307.954 1133.25L273.71 1138.65L242.206 1140H103.862L36.7451 1138.65L39.4846 1131.9L65.5097 1075.17L83.3163 1037.35L101.123 998.175L120.299 957.654L136.736 927.938L154.543 900.924L170.98 879.312L186.047 861.753L206.593 841.493L221.66 829.336L243.576 814.478L265.492 802.322L283.299 794.218L317.542 783.412L342.197 778.009L364.113 775.308L387.399 773.957Z' fill='%23FEBA5D' fill-opacity='0.1'/%3E%3C/svg%3E%0A");
  background-position: center 80px;
  background-repeat: no-repeat;
  background-size: 172px;
}

.kadence-sticky-header,
.wp-block-kadence-header .kb-header-container,
.kb-button,
.kt-svg-icon-link svg,
a {
  transition: all 0.2s ease-in-out;
}

.kadence-sticky-header.item-is-stuck,
.wp-block-kadence-header .kb-header-container.item-is-stuck {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
}

.main-navigation ul:not(.sub-menu) > li.menu-item > a::before {
  background-color: var(--global-palette7);
  border-radius: 50%;
  content: '';
  height: 4px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: -16px;
  transform: translate(-50%, 24px);
  transition: all 0.3s ease-in-out;
  width: 4px;
}

.main-navigation ul:not(.sub-menu) > li.menu-item > a::before {
  background-color: var(--global-palette1);
}

.main-navigation ul:not(.sub-menu) > li.menu-item > a:hover::before,
.main-navigation ul:not(.sub-menu) > li.menu-item.current-menu-item > a::before,
.main-navigation
  ul:not(.sub-menu)
  > li.menu-item.current-menu-ancestor
  > a::before {
  height: 10px;
  opacity: 1;
  transform: translate(-50%, 16px);
  width: 10px;
}

.header-navigation .header-menu-container ul ul.sub-menu {
  border-radius: 16px;
  padding: 8px 4px;
  top: calc(100% - 2px);
}

.wp-site-blocks .menu-toggle-open {
  border-radius: 12px;
}

.popup-drawer .drawer-inner .drawer-header {
  padding: 0 var(--global-content-edge-padding);
}

#mobile-drawer .drawer-header .drawer-toggle {
  background: var(--global-palette6) !important;
  border-radius: 12px;
  color: var(--global-palette1) !important;
  margin-top: 12px;
}

.mobile-navigation ul ul.sub-menu {
  background: var(--global-palette8);
  border-radius: 16px;
  padding-bottom: 16px;
  padding-left: 0;
  padding-top: 16px;
}

.mobile-navigation ul ul.sub-menu li a {
  font-size: 0.875rem;
  padding-bottom: 8px;
  padding-top: 8px;
}

.mobile-navigation ul li.current-menu-item > a {
  font-weight: bold;
}

.rounded {
  border-radius: 16px;
  overflow: hidden;
}

header a.social-button {
  height: 32px;
  width: 32px;
}

.entry .entry-summary {
  font-size: 1rem;
}

.entry .entry-summary p {
  margin-bottom: 0;
}

.entry .category-links a {
  background: var(--global-palette1);
  border-radius: 16px;
  font-size: 0.625rem;
  padding: 4px 12px;
}

.entry .category-links a:hover {
  background: var(--global-palette2);
  color: var(--global-palette1);
}

.loop-entry .entry-taxonomies,
.entry .entry-header {
  margin-bottom: 16px;
}

.entry-actions a.post-more-link {
  color: var(--global-palette1);
  font-size: 1rem;
  letter-spacing: unset;
  text-transform: none;
}

.wp-site-blocks .post-thumbnail img {
  border-radius: 16px;
}

.wp-site-blocks .post-thumbnail {
  padding-bottom: 60%;
}

.entry-tags a.tag-link {
  border-radius: 8px;
  border: 1px solid var(--global-palette1);
  color: var(--global-palette1);
  pad: 4px 8px;

  &:hover {
    color: var(--global-palette9);
  }
}

.entry-tags a.tag-link:hover {
  color: var(--global-palette9);
}

.entry-related {
  background-color: transparent !important;
}

.entry-related h2.entry-related-title {
  margin-bottom: 40px;
  margin-top: 64px;
  text-align: center;
}

.entry-related .entry-related-inner-content {
  padding: 0;
}

.entry-related .loop-entry .entry-content-wrap {
  margin-top: 16px;
  padding: 0;
}

.wp-block-embed {
  border-radius: 16px;
  overflow: hidden;
}

.language-switcher {
  display: flex;
  gap: 8px;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0 8px 0;
}

.language-switcher li a {
  color: var(--global-palette3);
  text-decoration: none !important;
}

.language-switcher li.active a {
  color: var(--global-palette2);
  font-weight: bold;
}

.tax-pills__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  list-style: none;
  margin: 0 0 40px;
  padding: 0;
}

.tax-pills__list .tax-pill {
  background: #eeeeee;
  border-radius: 16px;
  border: 1px solid #eeeeee;
  color: var(--global-palette2);
  display: block;
  font-size: 1rem;
  padding: 6px 16px;
  text-decoration: none;
}

.tax-pills__list .tax-pill:hover,
.tax-pills__list .tax-pill:focus {
  border-color: var(--global-palette2);
}

.tax-pills__list .tax-pill.is-active {
  background: var(--global-palette1);
  border-color: var(--global-palette1);
  color: var(--global-palette2);
  font-weight: bold;
}

.align-self-start {
  align-self: flex-start;
}

.kb-advanced-marquee
  .kb-blocks-advanced-marquee-init[data-marquee-orientation='horizontal']
  img,
.kb-advanced-marquee
  .kb-blocks-advanced-marquee-init[data-marquee-orientation='horizontal']
  .kb-is-ratio-image
  img,
.kb-advanced-marquee
  .kb-blocks-advanced-marquee-init[data-marquee-orientation='horizontal']
  figure.kb-image-is-ratio-size
  img {
  width: auto !important;
}

.transition-all {
  transition: all 0.2s ease-in-out;
}

/* My-calendar */
.mc-main .heading.my-calendar-month {
  background-color: var(--global-palette2) !important;
  border-radius: 16px;
  color: var(--global-palette9) !important;
  font-family: 'Montserrat';
  text-transform: capitalize;
}

.mc-main .my-calendar-navigation > .my-calendar-header {
  justify-content: space-between;
  padding: 16px 0 !important;
}

.mc-main.refresh {
  padding: 0 !important;
}

.mc-main.refresh .my-calendar-table,
.mc-main.refresh .my-calendar-table thead,
.mc-main.refresh .my-calendar-table tbody,
.mc-main.refresh .my-calendar-table td {
  margin: 0 !important;
}

.mc-main.refresh .my-calendar-table th {
  color: var(--global-palette9) !important;
}

.mc-main .mc-content {
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}

.mc-main .mc-content table {
  border-radius: 16px;
}

.mc-main .mc-date {
  text-align: center !important;
}

.mc-main nav ul {
  gap: 4px !important;
}

.mc-main .my-calendar-navigation button {
  background: var(--global-palette2) !important;
  border-radius: 16px !important;
  border: 1px solid var(--global-palette2) !important;
  color: var(--global-palette9) !important;
  font-size: 0.875rem !important;
  min-height: 40px !important;
  outline: 0 !important;
  text-transform: capitalize !important;
}

.mc-main .my-calendar-navigation button:focus {
  outline-offset: 0 !important;
  outline: 3px solid rgb(187, 187, 187) !important;
}

.mc-main .my-calendar-navigation button.today {
  background: var(--global-palette2) !important;
  border: 1px solid var(--global-palette2) !important;
  color: var(--global-palette9) !important;
  font-weight: bold !important;
  gap: 8px !important;
  text-transform: none !important;
}

.mc-main .my-calendar-navigation button:hover {
  color: var(--global-palette1) !important;
  outline: 0 !important;
}

.mc-main .my-calendar-navigation button.today:hover .mc-icon::before {
  color: var(--global-palette1) !important;
}

.mc-main .my-calendar-navigation button.today .mc-icon::before {
  color: var(--global-palette9) !important;
  transition: all 0.2s ease;
  width: 12px !important;
}

.my-calendar-navigation .mc-locations-switcher {
  gap: 4px !important;
}

.my-calendar-navigation .mc-locations-switcher select {
  border-radius: 8px !important;
  border: 1px solid #bababb !important;
  height: 40px !important;
  padding: 8px 32px 8px 16px !important;
  transition: all 0.2s ease;

  :hover {
    outline: 0 !important;
  }
}

.my-calendar-navigation .mc-locations-switcher select:hover {
  border-color: var(--global-palette2) !important;
  outline: 0 !important;
}

.my-calendar-navigation .mc-locations-switcher button {
  font-weight: bold !important;
}

.mc-main thead {
  border: 0 !important;
}

.mc-main.refresh .nextmonth {
  opacity: 0.3 !important;
}

.mc-main.refresh .current-day .mc-date {
  background-color: var(--global-palette8) !important;
}

.mc-main .mc-events .mc_general .event-title button,
.mc-main .mc-events .mc_general .event-title a {
  background-color: var(--global-palette8) !important;
  border-radius: 8px !important;
  margin: 4px;
  padding: 8px !important;
  transition: all 0.2s ease-in-out;
}

.mc-main .mc-events .mc_general .event-title button svg,
.mc-main .mc-events .mc_general .event-title a svg {
  display: none !important;
}

.mc-main .mc-events .mc_general .event-title button > div,
.mc-main .mc-events .mc_general .event-title a > div {
  font-size: 0.75rem;
  line-height: 1.2;
}

.mc-main .mc-events .mc_general .event-title button:hover,
.mc-main .mc-events .mc_general .event-title button:focus,
.mc-main .mc-events .mc_general .event-title a:hover,
.mc-main .mc-events .mc_general .event-title a:focus {
  background-color: var(--global-palette1) !important;
  color: var(--global-palette2) !important;
  cursor: pointer !important;
  outline: 0 !important;
  text-decoration: none !important;
}

.single-event .mc-location {
  background-color: var(--global-palette8);
  border-radius: 24px;
  font-size: 0.875rem;
  padding: 24px;

  .address {
    margin: 0;
  }

  .mc-events-link {
    display: none;
  }
}

.single-event .time-block {
  background-color: var(--global-palette2) !important;
  color: var(--global-palette9) !important;
  border-radius: 24px !important;
  padding: 24px !important;
  border: 0 !important;
}

.mc-events-title h1 .category-icon {
  display: none !important;
}

.single-event .time-block br {
  display: none;
}

.single-event .time-block > p {
  display: flex;
  gap: 8px 32px;
  flex-wrap: wrap;
}

.single-event .time-block .time-wrapper,
.single-event .time-block .date-wrapper {
  align-items: center;
  display: flex;
  gap: 8px;
}

.single-event .time-block .time-wrapper::before,
.single-event .time-block .date-wrapper::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6H8'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-flex;
  height: 20px;
  width: 20px;
}

.single-event .time-block .date-wrapper::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M16 18h.01'/%3E%3C/svg%3E");
}

.single-event .view-full {
  margin-top: 24px;
  text-align: left;
}

.single-event .details .longdesc {
  margin: 40px 0;
}

.mc-location-upcoming {
  margin-top: 40px;
}

/* Language switcher dropdown */
.lang-switcher-dropdown {
  display: inline-flex;
  position: relative;
}

.lang-switcher-dropdown__toggle {
  align-items: center;
  background: none;
  border: none;
  color: var(--global-palette3);
  cursor: pointer;
  display: flex;
  font: inherit;
  gap: 4px;
  padding: 6px 0 6px 16px;
  user-select: none;
}

.lang-switcher-dropdown__toggle:focus-visible {
  outline: 2px solid var(--global-palette1);
  outline-offset: 2px;
  border-radius: 4px;
}

.lang-switcher-dropdown__link:focus-visible {
  outline: 2px solid var(--global-palette1);
  outline-offset: 2px;
  border-radius: 4px;
}

.lang-switcher-dropdown__toggle .kadence-arrow-down-svg {
  height: 12px;
  transition: transform 0.2s ease-in-out;
  width: 12px;
}

.lang-switcher-dropdown:hover
  .lang-switcher-dropdown__toggle
  .kadence-arrow-down-svg,
.lang-switcher-dropdown__toggle[aria-expanded='true'] .kadence-arrow-down-svg {
  transform: rotate(180deg);
}

.lang-switcher-dropdown__toggle:hover,
.lang-switcher-dropdown__toggle:focus {
  background-color: transparent;
}

.lang-switcher-dropdown__menu {
  background: var(--global-palette9);
  border-radius: 16px;
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.1);
  list-style: none;
  margin: 0;
  min-width: 100%;
  opacity: 0;
  padding: 8px 12px;
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%) translateY(-4px);
  transition:
    opacity 0.2s ease-in-out,
    transform 0.2s ease-in-out;
  z-index: 100;
}

.lang-switcher-dropdown:hover .lang-switcher-dropdown__menu,
.lang-switcher-dropdown:focus-within .lang-switcher-dropdown__menu,
.lang-switcher-dropdown__toggle[aria-expanded='true']
  + .lang-switcher-dropdown__menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.lang-switcher-dropdown__link {
  color: var(--global-palette3);
  display: block;
  padding: 4px 0;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
}

.lang-switcher-dropdown__link:hover {
  color: var(--global-palette2);
}

@media screen and (max-width: 1024px) {
  .entry-related,
  .entry-related .entry-related-inner-content {
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
  }

  body:not(.content-title-style-hide) #wrapper {
    background-size: 110px;
  }

  .mc-main .my-calendar-navigation > .my-calendar-header {
    justify-content: center;
  }

  body.single-post .content-area {
    margin-top: 80px;
  }
}

@media screen and (max-width: 767px) {
  body.single-post .content-area {
    margin-top: 64px;
  }
}