/*
Theme Name: Suki Child
Theme URI: https://sukiwp.com/
Description: Sample Child Theme for Suki WordPress theme. Learn more about Suki WordPress theme at https://sukiwp.com/
Author: Suki WordPress Theme
Author URI: https://sukiwp.com/#about
Template: suki
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: suki-child
Tags: two-columns, left-sidebar, right-sidebar, grid-layout, accessibility-ready, custom-colors, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, microformats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio
*/

/* ------------------------------ ONLY PLACE GLOBAL STYLES HERE ------------------------------ */
/* ------------------------------ PLACE ALL OTHER EVENT VIEW STYLES IN RELEVANT STYLESHEET ------------------------------ */

/* --------------- Font Overrides --------------- */
@import url("https://fonts.googleapis.com/css?family=Sarala:400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Sen:400,700&display=swap");

:root{
	--accentColor:#226ddc;
	--hoverColor:#a1031e;
}

#page *,
.suki-header-mobile-menu li,
form {
  font-family: "Sen", "Open Sans", sans-serif !important;
}
#page .fa {
  font: normal normal normal 14px/1 FontAwesome !important;
}
#page .ewd-ufaq-faqs .ufaq-faq-title .ewd-ufaq-post-margin-symbol,
.ewd-ufaq-toggle-all-symbol {
  font-family: "ewd-toggle-icon" !important;
}
.entry-content p {
  font-weight: normal !important;
}

/* --------------- Suki Theme Overrides --------------- */
::selection {
  background: var(--accentColor); /* WebKit/Blink Browsers */
	color:#fff;
}
::-moz-selection {
  background: var(--accentColor); /* Gecko Browsers */
	color:#fff;
}
.suki-header-section .suki-header-menu .sub-menu,
.suki-header-section .suki-header-search-dropdown .sub-menu {
  z-index: 999;
}

/* --------------- Button Styles Override --------------- */
#tribe-events #tribe-bar-form .tribe-bar-submit input[type="submit"],
#tribe-events .tribe-events-button {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 12px;
  color: #fff;
}
#tribe-events #tribe-bar-form .tribe-bar-submit input[type="submit"],
#tw-responsive .button.button-primary,button, input[type="button"], input[type="reset"], 
input[type="submit"], .button, a.button, a.wp-block-button__link {
  background-color: var(--accentColor);
  border-radius: 3px;
  border-color:var(--accentColor);
  font-family: "Sen", "Open Sans", sans-serif !important;
	color:#fff !important;
}

#tribe_events_filters_wrapper input[type="submit"]:hover,
.tribe-events-button:hover, #tw-responsive .button.button-primary:hover,#tribe-events .tribe-events-button:hover,
.tribe-events-button.tribe-inactive:hover,#tribe-events .tribe-events-button:hover,.tribe-events-button:hover,
.tribe-events-button.tribe-active:hover,button:hover, input[type="button"]:hover, input[type="reset"]:hover, 
input[type="submit"]:hover, .button:hover, a.button:hover, 
a.wp-block-button__link:hover{
  background-color: var(--hoverColor) !important;
  color: #fff !important;
  border-color: var(--hoverColor) !important;
}



#tribe-events #tribe-bar-form .tribe-bar-submit input[type="submit"]:hover,#tw-responsive .button.button-primary:hover {
  background-color: var(--hoverColor) !important;
	border-color: var(--hoverColor) !important;
	color:#fff !important;
}

.wpcf7-form-control.wpcf7-submit {
  border: none;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 3px;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  width: 50%;
  max-width: 150px;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  border: 2px solid #f00;
}
.tribe-events-ical.tribe-events-button,
.tribe-events-gcal.tribe-events-button {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}

/* ---------- Header Overwride ---------- */
.suki-header-top-bar-inner {
  line-height: 1;
}
.suki-header-main-bar-row {
  text-shadow: 2px 2px 2px #444444;
}
#suki-header-main-bar .suki-header-menu-1 {
  padding-left: 53% !important;
}
#suki-header-main-bar .suki-header-menu-2 {
  padding-right: 53% !important;
}
#suki-header-main-bar.suki-sticky .suki-header-menu-1 {
  padding-left: 57% !important;
  transition: padding 0.25s linear;
}
#suki-header-main-bar.suki-sticky .suki-header-menu-2 {
  padding-right: 57% !important;
  transition: padding 0.25s linear;
}
.suki-sticky .suki-header-logo {
  padding-top: 40px;
}
.suki-header-main-bar-center .suki-header-logo {
  padding-left: 0;
  padding-right: 0;
  margin: 0 -15px;
  transition: padding 0.25s linear;
}
.suki-header-mobile-main-bar-inner .suki-logo-image img {
  padding-top: 40px;
}
#tw-responsive .tw-plugin-calendar-list .tw-month-header{background-color:#226ddc;}
/* ---------- Sidebar Overwride ---------- */
@media only screen and (min-width: 1024px) {
  .sidebar {
    width: 25%;
    min-width: 25%;
  }
}
.i3_sfmc_signup #i3_sfmc_lists_container {
  display: none !important;
}
.i3_sfmc_email {
  width: 100%;
  height: 27px;
  font-size: 14px;
  margin-bottom: 7px;
}
.i3_sfmc_signup .widget-title {
  margin: -8px 0 1.25rem !important;
  padding: 0 !important;
  font-size: 22px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: left !important;
  background: none !important;
}
.i3_sfmc_signup .i3_sfmc_submit {
  padding: 15px 10px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 1px;
}
.tribe-events-shortcode .tribe-events-ical.tribe-events-button {
  float: left;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .content-area .site-main {
    padding: 20px 0 0 0 !important;
  }
}
.sidebar-inner #custom_html-14 img:hover {
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
}

/* ---------- Home Page Styles ---------- */
.home .entry-header {
  margin: 0;
  display: none;
}

.home .tribe-events-title-bar {
  display: none;
}

/* ---------- Footer Styles ---------- */
.suki-footer #media_image-3 {
  text-align: center;
  margin-bottom: 30px;
}

.suki-footer #media_image-3 img {
  width: 150px;
}

/* ---------- Open Table Styles ---------- */
#ot-widget-container33 iframe {
  width: 100%;
}
#ot-widget-container46 iframe {
  width: 100%;
}
.ot-button {
  max-width: 250px;
  margin: auto;
}
#ot-reservation-widget {
  padding-top: 8px !important;
  width: 80% !important;
  margin: auto;
}

/* ---------- Contact Form Styles ---------- */
.entry-content .wpcf7-form p {
  color: #fff;
}
.wpcf7 .width100 {
  width: 100%;
  float: left;
}
.wpcf7 .width50l {
  width: 49%;
  float: left;
}
.wpcf7 .width50r {
  width: 49%;
  float: right;
}
@media only screen and (max-width: 600px) {
  .wpcf7 .width100,
  .wpcf7 .width50l,
  .wpcf7 .width50r {
    width: 100%;
    float: left;
  }
}
.suki-search-icon {
  color: #333;
}

/* ---------- Recaptcha Override ---------- */
.grecaptcha-badge {
  z-index: 2;
}

/* home-page */

.tw-event-image.tw-remove-when-empty {
  padding-right: 20px !important;
}

a.tw-buy-tix-btn {
  background: var(--accentColor) !important;
  color: #fff !important;
  border-color: var(--accentColor) !important;
}
a.tw_protected:hover {
  background: var(--hoverColor) !important;
  color:#fff;
}

a.button.tw-more-info-btn {
  background: #c0e8fc !important;
  color: #333 !important;
  border-color: #c0e8fc !important;
}
.tw-more-info-btn:hover {
  background: #e9e9e9 !important;
  color: #333 !important;
  border-color: #e9e9e9 !important;
}
.tw-event-image {
  width: 300px !important;
}
.tw-name-presenting {
  display: none;
}
.tw-name a {
  border: none !important;
  display: inline-block !important;
  font-size: 21px !important;
  letter-spacing: 0 !important;
  line-height: 1.4em !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
  font-style: normal !important;
  font-weight: 600 !important;
  color: #fff !important;
}

.tw-event-door-time-complete {
  margin-top: 4px;
}
.tw-name a:hover {
  color: #333 !important;
}

.live-stream-home-link:hover {
  color: #fff !important;
  background: var(--hoverColor) !important;
}

span.tw-day-of-week,
.tw-event-date {
  font-size: 16px;
  font-weight: bold;
}
#tw-responsive .tw-info-price-buy-tix .tw-price {
  display: inline-block !important;
  display: block;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  font-size: 16px !important;
  color: #fff !important;
}

#tw-responsive > div > div > div:nth-child(n) > hr {
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1) !important;
  display: block;
}

#tw-responsive > div > div > div:nth-child(n) > div:nth-child(n) > div > div {
  position: relative !important;
}

.fc-event-content-extension img {
  display: none;
}

.tw-calendar-event-title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: inherit;
  white-space: normal;
  font-weight: 400;
  font-size: 13px !important;
  padding: 3px;
  line-height: 17px !important;
}
.tw-calendar-event-doors,
.tw-calendar-event-time {
  display: none;
}

@media (max-width: 320px) {
  .tw-event-image {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  #tw-responsive .tw-section {
    text-align: left !important;
  }
  #tw-responsive .tw-image img {
    width: 100%;
    margin-bottom: 15px;
  }
  #tw-responsive hr {
    margin: 10px 0 0 0;
  }
  #tw-responsive .tw-info-price-buy-tix .tw-price {
    display: block !important;
  }
  .tw-info-price-buy-tix,
  .tw-more-info-btn,
  #tw-responsive .tw-info-price-buy-tix .button {
    display: inline-block;
  }
}

/* Calender Page */

td.fc-daygrid-day.fc-day.fc-day-wed.fc-day-today {
  background-color: transparent;
}
.fc .fc-daygrid-day-top {
  display: flex;
  flex-direction: row !important;
}
.fc-daygrid-day-top,
td.fc-day-past .fc-daygrid-day-top {
  font-size: 2rem;
  background-color: #f4f4f4;
  line-height: 1.2;
  /* padding: 6px 9px; */
  opacity: 0.6;
  font-weight: 700;
}
.fc-day-today .fc-daygrid-day-top a.fc-daygrid-day-number{ color: #fff !important }
.fc-day-today .fc-daygrid-day-top {
  background-color: var(--accentColor) !important;
  color: #fff !important;
  opacity: 1 !important;
}

.fc .fc-button-primary {
  background-color: var(--accentColor) !important;
  border-color: var(--accentColor) !important;
	color: #fff !important;
}

.fc-day-future .fc-daygrid-day-top {
  background-color: transparent !important;
  opacity: 1 !important;
  color: #fff !important;
}
.fc-icon {
  color: #fff;
}
.fc-theme-standard td {
  border: 1px solid #f4f4f4 !important;
}
th.fc-col-header-cell.fc-day {
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4 !important;
}
th.fc-col-header-cell.fc-day a {
  font-weight: normal;
  text-transform: uppercase;
}
.fc .fc-day-other .fc-daygrid-day-top {
  opacity: 0.6;
}

@media (max-width: 320px) {
  .page-id-23 .suki-content-layout-right-sidebar .sidebar {
    position: relative;
    margin-top: 985px !important;
  }
  .fc .fc-toolbar-title {
    font-size: 14px !important;
    margin: 0;
  }
  .tw-plugin-calendar #calendar a {
    display: block;
    font-size: 12px !important;
  }

  #tw-responsive .tw-info-price-buy-tix .button {
    padding: 0 20px !important;
  }
}
@media (max-width: 767px) {
  #tw-responsive .tw-plugin-calendar-list .tw-cal-event {
    background-color:transparent;
    margin-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, .5) !important;
  }

  .tw-cal-event a.tw_protected {
    max-width: 100% !important;
  }
  .tw-cal-event-popup {
    background-color: #000;
  }

  .tw-cal-event-popup .tw-name,
  .tw-cal-event-popup .tw-name a {
    font-size: 22px !important;
    line-height: 1.2;
    color: #141827 !important;
    font-family: "Sen", "Open Sans", sans-serif !important;
  }
  .tw-cal-event-popup .tw-date-time {
    font-size: 14px;
    line-height: 1.2;
    color: #000;
    margin: 0 0 8px 0;
    color: rgb(168, 168, 168);
    font-size: 12px;
    width: 23ch !important;
  }
  .cal-pop-colfull hr {
    display: none;
  }
}

@media (max-width: 767px) and (min-width: 481px) {
  .page-id-23 aside#secondary {
    margin-top: 637px !important;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  .page-id-23 aside#secondary {
    margin-top: 350px !important;
  }
}

.fc-icon-chevron-left:before {
  content: "\e900";
  font-family: "fcicons" !important;
}

.fc-icon-chevron-right:before {
  content: "\e901";
  font-family: "fcicons" !important;
}

.fc .fc-button:disabled {
  opacity: 0.95;
  color: #000;
}

a.fc-daygrid-day-number:hover {
  color: #fff !important;
}
#tw-responsive .tw-section {
    background-color: transparent !important;
}
#tw-responsive .tw-date-time, #tw-responsive .tw-sequential-dates .tw-date-time, #tw-responsive .tw-plugin-calendar-list .tw-date{
	color:#fff;
}
#tw-responsive{
	background-color:transparent !important;
}
#tw-responsive div{
	color:#fff;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, .input:hover, .input:focus, select:focus, textarea:focus, .search-field:focus, span.select2-container.select2-container--open .select2-selection {
    background-color: #ffffff11;
    color: #fff;
}

textarea,input:not(input[type="submit"]){
	background-color: #ffffff11;
    color: #fff;
}
.tw-section {
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.tw-section hr{
    display:none;
}
#tw-responsive .tw-name, #tw-responsive .tw-name a{
	color:#fff !important;
}

#tw-responsive a{
	color:#c0e8fc ;
}
#tw-responsive .tw-related-events .tw-related-event-item{
background-color:#000 !important;}

.suki-footer-widgets-bar a:hover,.suki-header-main-bar a:hover {
    color: #c0e8fc !important;
}
.suki-header-search-dropdown .menu-item button.suki-sub-menu-toggle.suki-toggle:hover,
button.suki-popup-toggle.suki-toggle:hover {
    background: transparent !important;
}
#userwayAccessibilityIcon > span.uiiw > img {
    background-color: var(--accentColor) !important;
    border-radius: 100%;
}
input {
    accent-color: #226ddc;
}