/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/

:root {
    --main-purple-color: #8b3caf;
    --bright-purple-color: #a142cc;
    --light-purple-color: #ac89af;
    --dark-gray-color: #6d6d6d;
    --light-gray-color: #d8d8d8;
    --true-white: #fff;
    --serif-font-family: "Cormorant";
    --sans-serif-font-family: "Open Sans", sans-serif;


  --serif-font-family: 'Cormorant';
  --sans-serif-font-family: 'Open Sans';

}

/*----------------- Calendar Styles -----------------*/

.fc-toolbar.fc-header-toolbar {
    position: relative;
}

.fc-toolbar .fc-center {
    position: absolute;
    top: 58px;
    left: 208px;
    display: block;
    transform: translateX(-50%);
  display: block;
  position: absolute;
  left: 208px;
  top: 58px;
  transform: translateX(-50%);
}

.fc-center h2 {
  margin-top: 40px;
  font-size: 32px !important;
  font-family: var(--sans-serif-font-family);
}

.fc-day.ui-widget-content.ui-state-highlight {
  background: #444444;
}

#event-categories-button {
  padding-top: 0.83333em;
  padding-bottom: 0.83333em;
  background-color: white;
  background-image: none;
  border: 3px solid #444;
}

#event-categories-button.ui-corner-all {
    border-radius: 0;
}

.ui-selectmenu-menu.ui-front {
    /* Bump the index to be above the page wrapper (z-index: 1000). Why does wrapper have z-index? */
    z-index: 10000;
}

.ui-selectmenu-text {
    font-size: 1.1em !important;
}

.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e {
  display: none !important;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
}

button.fc-prev-button.ui-button.ui-state-default.ui-corner-left {
  background-image: url(/wp-content/uploads/2021/09/arrow-left.png);
  border: none;
  font-size: 40px !important;
  margin-top: 40px;
  margin-right: 320px;
}

button.fc-next-button.ui-button.ui-state-default.ui-corner-right {
  background-image: url(/wp-content/uploads/2021/09/arrow-right.png);
  border: none;
  font-size: 40px !important;
  margin-top: 40px;

}

.fc .fc-button-group>:first-child {
  border: 2px solid #444444;
  background-color: white;
}

.fc .fc-button-group>* {
  border: 2px solid #444444;
  background-color: white;
  background-image: none;
}

.fc .fc-toolbar .fc-prev-button,
.fc .fc-toolbar .fc-next-button {
    width: 16px;
}

.ui-widget-header {
  color: white;
  font-family: "Open Sans";
  text-align: center !important;
  text-transform: uppercase;
  background-color: #444444 !important;
  background-image: none !important;
  padding: 16px 8px;
}

td.ui-widget-content {
    background-color: #f2f1ef;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: left;
}

span.fc-title {
  text-decoration: underline;
  color: white;
}

span.fc-time {
  color: white;
  font-family: "Open Sans";
  font-weight: bold;
  display: block;
}

.fc-content {
    padding: 0 9px;
    padding-bottom: 12px;
    color: #444;
    font-size: 14px !important;
    font-family: var(--sans-serif-font-family);
    white-space: normal !important;
    text-align: left;
    border: none !important;
}

button.fc-today-button.ui-button.ui-state-default.ui-corner-left.ui-corner-right.ui-state-disabled {
    display: none;
}

.fc td,
.fc th {
  border: 4px solid white;
}

th.fc-day-header.ui-widget-header.fc-sun {
  border-right: hidden;
}

th.fc-day-header.ui-widget-header.fc-mon {
  border-right: hidden;
}

th.fc-day-header.ui-widget-header.fc-tue {
  border-right: hidden;
}

th.fc-day-header.ui-widget-header.fc-wed {
  border-right: hidden;
}

th.fc-day-header.ui-widget-header.fc-thu {
  border-right: hidden;
}

th.fc-day-header.ui-widget-header.fc-fri {
  border-right: hidden;
}

th.fc-day-header.ui-widget-header.fc-sat {
  border-right: hidden;
}

.bbb-logo span {
  visibility: hidden;
}

.bbb-logo::before {
  background-image: url(/wp-content/uploads/2023/07/bbb-logo.png);
  content: "";
  display: block;
  position: absolute;
  bottom: -100px;
  left: 80%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: 140px 100px;
  width: 150px;
  height: 100px;
  box-shadow: -4px 7px 8px rgba(0,0,0,0.16);
}
.sticky .bbb-logo::before {
  box-shadow: -1px 3px 4px rgba(0,0,0,0.16);
}

/* Hides the scroll bar on the calendar view to match Prod */
.fc-scroller {
  overflow: hidden auto !important;
  height: auto !important;
}