/*
Theme Name: DINK2025
Template: twentytwentyone
Description: A custom theme created for Dink Pickleball (child of TwentyTwentyOne)
Author: JoLo Studio
*/


article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} table,tbody,th,tr,td{border:none;border-collapse:collapse;}


html,body { margin:0; padding:0; }

body {
  background-color:#fff;
  font-family:'Poppins',sans-serif;
  font-size: 18px;
  color:#004D6F;
}

div { position:relative; }
a { color:#186b8f; font-weight:700; text-decoration:none; }
p {  }

h1, h2, h3 { font-family:"Poppins",sans-serif; font-weight:700; font-style:normal; }
h1 { font-size:42px; }
h2 { font-size:22px; }

/* #header { display:none; } */
#header, #footer { background-color:#004D6F; }
#header { height:180px; background-color:#004D6F; margin-bottom:30px; overflow:hidden; }
.home #header { margin-bottom:0px;  }
#header .content { padding:20px; }

#header .logo { margin:0 auto; z-index:10; text-align:center; /*position:absolute;*/ }
#header .logo img { width:350px; height:auto; }
.home #header .logo.larger img { width:460px; height:auto; }

.colorstripe { position:absolute; width:380px; rotate:30deg; left:-59px; top:62px; }
.stripe { height:24px; }

.background-video { margin-bottom:30px; }

#content { text-align:center; padding-bottom:80px; }
.home #content { padding-top:0px; }



.socials p { margin-bottom:40px; }

.social-icon { width:80px; height:auto; }

#mc_embed_signup { margin:0 auto; width:320px; }
#mc_embed_signup form { margin:4px !important; }


.menu-primary-menu-container { margin-top:10px; text-align:center; }
.menu-top { padding:0; margin:0; }
.menu-top li { display:inline-block; padding:0px 10px; }
.menu-top li a { padding:5px 10px; color:#fff; color:#80B2C4; text-transform:uppercase; font-size:18px; font-family:"Poppins",sans-serif; font-weight:700; }
.menu-top li a:hover { color:#f8ab6c; }



/* theme overrides */

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) 
  { max-width:unset; }

.play .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) 
  { max-width:900px; }

.about .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) 
  { max-width:800px; }

.checkout .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) 
  { max-width:800px; }

.cart .checkout .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) 
  { max-width:800px; }

.cart .entry-content 
  { max-width:800px; }

.woocommerce .checkout .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) 
  { max-width:800px; }


.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active
{ background-color:unset; }

.single-product.singular .entry-title { font-size:40px; font-family:"Poppins",sans-serif; font-weight:700; font-style:normal; }

h1.entry-title { font-size:50px !important; font-family:"Poppins",sans-serif; font-weight:700; }

.entry-content p { width:90%; margin:0 auto; }



/* Play */


.play .wp-block-column { padding:20px; border-radius:12px; }
.play .wp-block-column.openplay { background-color:#FFDBA4; }
.play .wp-block-column.bythehour { background-color:#C8DDD8; }
.play .wp-block-column.pickleball101 { background-color:#c5e0fc; }
.play .wp-block-column.practice { background-color:#fcc5c5; }

.play .wp-block-column.bythehour span,
.play .wp-block-column.openplay span
{ font-size:11px; }


.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background)
 { color:#fff; /*text-transform:uppercase;*/ font-weight:700; border-radius:8px; background-color:#004D6F; }

.wp-block-button .wp-block-button__link:hover { 
  color:#004D6F; background-color:#004D6F; background-color:#E73B26 !important; /*text-transform:uppercase;*/ font-weight:700; 
  border-radius:8px; }
 
.entry-content { margin-top:0px !important; }
.book-a-court .entry-content { padding-bottom:10vw; }

.home .openplay .wp-block-columns { gap:0em; }
.home .openplay .wp-block-button { min-width:114px; }
.home .openplay .wp-block-button .wp-block-button__link { padding:8px 16px; text-transform:unset; font-size:14px; }


.wp-block-group.email-signup { background-color:#eee; max-width:none !important; padding:20px; padding-top:40px; }
#mc_embed_signup { width:auto !important; background-color:transparent !important; }
#mc_embed_signup .mc-field-group { display:block !important; }
#mc_embed_signup .mc-field-group input { min-width:320px; width:auto !important; margin-left:auto; margin-right:auto; }
#mc_embed_signup .foot { display:block !important; text-align:center; }
#mc_embed_signup .foot input { margin-left:auto; margin-right:auto; }



/* COURTS */

/*.courts { background-image:url('/wp-content/uploads/2025/04/floorspace-2.jpg'); 
  background-position: 78% 50%; background-size:contain; background-repeat:no-repeat; }*/
.courts { position:relative; width:90%; padding-top:30px; margin:0 auto; min-height:700px; }
.courts .court { margin:1vw; left:-1vw; }
.courts .court.four { padding-top:1.7vw; }
.courts .court.four img 
{ height:14vw; width:auto; }
.courts .court.two, .courts .court.three, .courts .court.one 
{ width:14vw; height:auto; display:inline-block; }
.courts .court img { opacity:0.88; }
.courts .court img:hover { opacity:1; }

.courts .floorspace { position:absolute; left:15vw; width:77%; margin:0 auto; }




/* lessons */

.product_cat-lessons {  }
.product_cat-lessons h1.product_title { font-size:36px !important; }
.product_cat-lessons p { text-align:left; margin-bottom:20px; }

.product_cat-lessons .tabs,
.product_cat-lessons .woocommerce-tabs h2 { display:none; }

.product_cat-lessons .summary { margin-bottom:40px !important; }
.product_cat-lessons .woocommerce-tabs { max-width:70%; margin:0 auto; }

@media only screen and (max-width: 800px){
  .product_cat-lessons .woocommerce-tabs { max-width:96%; }
}


.woocommerce-tabs ul { display:none; }
.woocommerce-Tabs-panel h2 { display:none; }
p.stock { display:none; }
.single-product form.cart .quantity { float:none; margin-bottom:12px; }






/* calendar */
.fc-daygrid-event-harness { font-size:12px; }



/* product date picker */
/* enable absolute positioning space for dots */
.wc-bookings-date-picker .ui-datepicker-calendar td {
  position: relative;
  overflow: visible;
}

/* container under the number */
.wc-bookings-date-picker .ui-datepicker-calendar td .dink-dotline {
  position: absolute;
  left: 50%;
  bottom: 4px;                 /* tweak to sit nicely under your number */
  transform: translateX(-50%);
  display: flex;
  flex-wrap: wrap;              /* wraps to a second row if many bookings */
  gap: 3px;
  max-width: calc(100% - 6px);  /* avoid spilling outside cell */
  justify-content: center;
  z-index: 3;
  pointer-events: none;
}

/* the dot itself (one per booking) */
.wc-bookings-date-picker .ui-datepicker-calendar td .dink-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ef4444;          /* change to your brand color if you want */
}





/* woocommerce */

.woocommerce-breadcrumb, .related.products, .product_meta 
{ display:none; }

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images
{ position:absolute; width:22%; display:none; }

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary
{ max-width:70%; margin:0 auto; float:none; }

.single-product .summary p.price { display:none; }

#wc-bookings-booking-form, .wc-bookings-date-picker, .wc-bookings-booking-form fieldset { border:none; padding:0px; margin:0px; }


.wc-bookings-date-picker .ui-datepicker-header { background-image:none; background-color:#47a !important; }
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next { background:none; }

.wc-bookings-date-picker .ui-datepicker td.bookable a { background-color:#47a !important; }

.wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default { background-color:#023263 !important;background-color:#258 !important; }

.wc-bookings-booking-form .block-picker li:nth-child(odd) a:hover,
.wc-bookings-booking-form .block-picker li:nth-child(even) a:hover { background-color:#47a !important; }
.wc-bookings-booking-form .block-picker li a.selected { background-color:#258 !important; }

.wc-bookings-booking-form .wc-bookings-booking-cost { margin-bottom:20px; }

.woocommerce-product-details__short-description h2, .woocommerce-product-details__short-description p { margin-bottom:20px; }



/* cart */

button.wc-block-cart-item__remove-link { background-color:transparent !important; }

.wc-block-cart__submit-button { color:#fff; border-radius:12px; background-color:#258; }
.wc-block-cart__submit-button:hover { background-color:#ef6d34; }

/* checkout */ 

.wc-block-components-notice-snackbar-list { display:none; }
.alignwide { max-width:none !important; }


/* thank you */

ul.woocommerce-order-overview { margin:0px; padding:0px; list-style-type:none; }
.woocommerce-order-overview__payment-method .wc-payment-gateway-method-logo-wrapper { justify-content:center; }




.more { font-size:10px; text-transform:uppercase; }

.float-left { float:left; }
.float-right { float:right; }
.clear { clear:both; }




#footer { min-height:80px; text-align:center; clear:both; padding-bottom:30px; }
#footer, #footer a { color:#fff; }
#footer .grid { width:70%; }
#footer .icon { font-size:100px; }

#footer .logo { margin-bottom:28px; }
#footer .logo img { max-width:280px; }

.menu-footer { padding-left:0px; margin-bottom:30px; }
.menu-footer li { display:inline-block; text-align:center; list-style:none; padding:10px; }
.menu-footer li a { font-size:20px; padding:5px; font-family:"Poppins",sans-serif; font-weight:600; text-transform:uppercase; }


#footer .copyright { font-size:14px; }



.poppins-thin { font-family:"Poppins",sans-serif; font-weight:100; font-style:normal; }
.poppins-extralight { font-family:"Poppins",sans-serif; font-weight:200; font-style:normal; }
.poppins-light { font-family:"Poppins",sans-serif; font-weight:300; font-style:normal; }
.poppins-regular { font-family:"Poppins",sans-serif; font-weight:400; font-style:normal; }
.poppins-medium { font-family:"Poppins",sans-serif; font-weight:500; font-style:normal; }
.poppins-semibold { font-family:"Poppins",sans-serif; font-weight:600; font-style:normal; }
.poppins-bold { font-family:"Poppins",sans-serif; font-weight:700; font-style:normal; }
.poppins-extrabold { font-family:"Poppins",sans-serif; font-weight:800; font-style:normal; }
.poppins-black { font-family:"Poppins",sans-serif; font-weight:900; font-style:normal; }
.poppins-thin-italic { font-family:"Poppins",sans-serif; font-weight:100; font-style:italic; }
.poppins-extralight-italic { font-family:"Poppins",sans-serif; font-weight:200; font-style:italic; }
.poppins-light-italic { font-family:"Poppins",sans-serif; font-weight:300; font-style:italic; }
.poppins-regular-italic { font-family:"Poppins",sans-serif; font-weight:400; font-style:italic; }
.poppins-medium-italic { font-family:"Poppins",sans-serif; font-weight:500; font-style:italic; }
.poppins-semibold-italic { font-family:"Poppins",sans-serif; font-weight:600; font-style:italic; }
.poppins-bold-italic { font-family:"Poppins",sans-serif; font-weight:700; font-style:italic; }
.poppins-extrabold-italic { font-family:"Poppins",sans-serif; font-weight:800; font-style:italic; }
.poppins-black-italic { font-family:"Poppins",sans-serif; font-weight:900; font-style:italic; }

.serif { font-family:'Lora', serif; }
.sans { font-family:'Noto Sans',sans-serif; }
.bold { font-weight:700; }
.uppercase { text-transform:uppercase; }
.italic { font-style:italic; }
.border { border: 1px solid #aaa; }
.shadow { box-shadow: 3px 3px 0px #888; }
.centered { text-align:center; }
.alignleft { text-align:left;  }
.alignright { text-align:right;  }
.margin-below { margin-bottom:12px; }
.margin-left-10 { margin-left:10px; }
.nomargin { margin-bottom:0px !important; }
.large { font-size:30px; }

.blue { color:#023263; }
.lightblue { color:#a4d1ff; }

.tomato { background-color:#df3920; }
.clementine { background-color:#ef6d34; }
.butternut { background-color:#f8ab6c; }
.butter { background-color:#f3dcb0; }
.sage { background-color:#84aba1; }
.jade { background-color:#268b98; }
.ocean { background-color:#186b8f; }



/* ///////// Screen size adjustments  /////////// */


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

  .background-video { display:none; }
  #header { display:block; margin-bottom:30px; }

  .columns-5 { column-count:4; }
  .columns-4 { column-count:3; }
  .columns-3 { column-count:2; }

}




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

  h1 { font-size:34px; }

  #header { height:42vw; }
  #header .content { padding:10px; }
  #header .logo img { width:300px; }
  .home #header .logo.larger img { width:460px; height:auto; }

  .home .openplay .wp-block-columns, .home .openplay .wp-block-column { display:block; padding:8px ;margin:0; }
  .home .openplay .wp-block-button .wp-block-button__link {  }

  .menu-top li { padding:0px; }
  .menu-top li a { padding:5px 5px; }


  .colorstripe { width:380px; rotate:40deg; left:-160px; top:62px; opacity:0.8; }
  .stripe { height:16px; }

.play .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) 
 { max-width:94% !important; margin-left:auto ; margin-right:auto; }

  .courts { width:96%; left:-4%; }
  .courts .court { margin:5px; }
  .courts .court.four img { height:22vw; }
  .courts .court.two, .courts .court.three, .courts .court.one { width:22vw; height:auto; }
  .courts .floorspace { position:absolute; left:7.6vw; width:98%; margin:0 auto; }


  .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary
  { max-width:96%; }

  .section { padding:50px 4% 50px 3%; }

  .columns-5 { column-count:1; }
  .columns-4 { column-count:1; }
  .columns-3 { column-count:1; }

}