/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Mary Bouldin
 Author URI:     https://oneplanetdesign.com
 Template:       Divi
 Version:        1.0.0
*/
 

ul.no-style {
padding-left:0;
list-style:none;
}

.tribe-event-title {
font-size:1.25em;
}

/* DCFH Datepicker overrides (loaded from child theme) */

/* your spacing fix */
div.xdsoft_datepicker.active{
  margin-bottom:-20px;
  padding-right:9px;
}

/* Step 1: remove teal selected */
.xdsoft_datetimepicker td.xdsoft_current,
.xdsoft_datetimepicker td.xdsoft_current:hover,
.xdsoft_datetimepicker td.xdsoft_default,
.xdsoft_datetimepicker td.xdsoft_default:hover{
  background-color:#b01919 !important;
  color:#ffffff !important;
}

/* Step 2: center header + big tap targets */
.xdsoft_datetimepicker .xdsoft_monthpicker{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  position:relative !important;
  text-align:center !important;
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_label{
  float:none !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
}

.xdsoft_datetimepicker button.xdsoft_prev,
.xdsoft_datetimepicker button.xdsoft_next{
  width:44px !important;
  height:44px !important;
  opacity:1 !important;
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:5 !important;

  background-color:transparent !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:18px 18px !important;
  border:none !important;
}

.xdsoft_datetimepicker button.xdsoft_prev{ left:6px !important; }
.xdsoft_datetimepicker button.xdsoft_next{ right:6px !important; }

/* Step 5: visible SVG arrows */
.xdsoft_datetimepicker button.xdsoft_prev{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polygon points='15,4 7,12 15,20' fill='white'/></svg>") !important;
}
.xdsoft_datetimepicker button.xdsoft_next{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polygon points='9,4 17,12 9,20' fill='white'/></svg>") !important;
}

@media (max-width:767px){
  .xdsoft_datetimepicker button.xdsoft_prev,
  .xdsoft_datetimepicker button.xdsoft_next{
    width:56px !important;
    height:56px !important;
    background-size:26px 26px !important;
  }
}