@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");

:root {
  /* Default fallback colors */
  --sgl-color-primary: #88201b;
  --sgl-link-color-primary: #c2571a;
}

a {
  color: var(--sgl-link-color-primary);
}

a:hover {
  filter: brightness(0.85);
  color: var(--sgl-link-color-primary);
}

.sgl-plugin-page .sgl-plugin #sgl-content-wrapper table tbody tr td a,
.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .my_entries_li a,
.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .link_color,
.sgl-plugin-page .ring-name,
.order-supplies-list .header-title a,
#order-supplies-modal-wrap .product-desc .product-title,
.sgl-plugin-page .sgl-content-wrapper .loginformcss .forgot_password_link,
.sgl-plugin-page .loginformcss .register_link {
  color: var(--sgl-link-color-primary) !important;
}

.sgl-plugin-page .sgl-plugin #sgl-content-wrapper table tbody tr td a:hover,
.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .my_entries_li a:hover,
.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .link_color:hover,
.order-supplies-list .header-title a:hover,
#order-supplies-modal-wrap .product-desc .product-title:hover,
.sgl-plugin-page .sgl-content-wrapper .loginformcss .forgot_password_link:hover,
.sgl-plugin-page .loginformcss .register_link:hover {
  filter: brightness(0.85);
  color: var(--sgl-link-color-primary);
}


.order-supplies-list .nav-tabs > li.active > a {
  border-top-color: var(--sgl-link-color-primary);
}

.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .sgl-button,
.sgl-plugin-page .mymodal .sgl-button,
.sgl-button {
  color: #f7f7f7 !important;
  background-color: var(--sgl-color-primary) !important;
  font-weight: bold !important;
  min-height: 2em !important;
  height: 2em !important;
  font-size: 15px;
}

.sgl-plugin-page .sgl-plugin #sgl-content-wrapper table .sgl-primary-header,
.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .sgl-primary-header,
.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .sgl-primary-header *,
.sgl-plugin-page .mymodal table .sgl-primary-header,
.sgl-plugin-page .mymodal table .sgl-primary-header th,
.sgl-plugin-page .mymodal .sgl-primary-header,
.sgl-plugin-page .mymodal .sgl-primary-header *,
/* .sgl-plugin-page .sgl-plugin #sgl-content-wrapper table .sgl-primary-header th { */
    .sgl-plugin-page .sgl-plugin table .sgl-primary-header th {
  /* Table header (top) row */
  color: #f7f7f7 !important;
  background-color: var(--sgl-color-primary) !important;
  white-space: nowrap;
}

.sgl-plugin-page .sgl-plugin .my-entries-area .sgl-primary-header,
.sgl-plugin-page
  .sgl-plugin
  .my-entries-area
  .sgl-primary-header
  .my-entries-header {
  color: #f7f7f7 !important;
  background-color: var(--sgl-color-primary) !important;
}

.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .add_entry_options {
  background-color: #f7f7f7 !important;
  border: 1px solid #ccc !important;
  color: var(--sgl-color-primary) !important;
}

.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .sgl-no-text-shadow {
  text-shadow: none !important;
}

.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .add_entry_menu_title {
  background-color: #f7f7f7 !important;
  color: var(--sgl-color-primary) !important;
}

.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .sgl-add_entry,
.sgl-plugin-page .mymodal .sgl-add_entry {
  color: var(--sgl-color-primary) !important;
}

.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .sgl-label-border,
.sgl-plugin-page .mymodal .sgl-label-border {
  border-bottom: 1px solid var(--sgl-color-primary) !important;
  width: 100%;
  margin-bottom: 5px;
}

.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .tablinks.active,
.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .header-bg {
  /* Selected tab colors in details page */
  color: #f7f7f7;
  background-color: var(--sgl-color-primary) !important;
  border: 1px solid var(--sgl-color-primary) !important;
}

.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .header-bg {
  font-weight: bold;
}

.sgl-plugin-page #sgl-content-wrapper .tab.display_on_desktop {
  border-color: var(--sgl-color-primary) !important;
}

.sgl-plugin-page .sgl-plugin #sgl-content-wrapper table tbody tr a,
/* Listing pages link color of table rows */
.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .my_entries_li a,
.sgl-plugin-page .sgl-plugin .link_color {
  /* My entries <a> tags */
  color: #c2571a !important;
}

.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .sgl-button-opp {
  color: var(--sgl-color-primary) !important;
  background-color: #f7f7f7 !important;
  min-height: 2em !important;
  height: 2em !important;
  font-size: 0.95em !important;
  border: 1px solid;
}

.sgl-plugin-page .ui-widget-content a,
.sgl-plugin-page .ui-widget-content a:visited {
  color: var(--sgl-color-primary) !important;
}

.sgl-plugin-page .sgl-plugin #sgl-content-wrapper .sgl-hover:hover {
  cursor: pointer !important;
}

.sgl-plugin-page .pagination > li > a,
.sgl-plugin-page .pagination > li > span {
  color: var(--sgl-color-primary);
  border: 1px solid var(--sgl-color-primary) !important;
}

.sgl-plugin-page .pagination > li > a:focus,
.sgl-plugin-page .pagination > li > span:focus {
  color: #ffffff;
  background-color: var(--sgl-color-primary) !important;
  border-color: var(--sgl-color-primary) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #ffffff !important;
  background-color: var(--sgl-color-primary) !important;
  border-color: var(--sgl-color-primary) !important;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: var(--sgl-color-primary);
  background-color: #ffffff;
  border-color: var(--sgl-color-primary) !important;
}

.sgl-plugin-page .pager li > a,
.sgl-plugin-page .pager li > span {
  background-color: #ffffff;
  border: 1px solid var(--sgl-color-primary);
}

.pager li > a:hover,
.pager li > a:focus {
  background-color: #eeeeee;
}

.sgl-plugin-page .pager .disabled > a,
.sgl-plugin-page .pager .disabled > a:hover,
.sgl-plugin-page .pager .disabled > a:focus,
.sgl-plugin-page .pager .disabled > span {
  color: var(--sgl-color-primary);
  background-color: #ffffff;
}


.sgl-plugin-page .videos-css .modalVideoOptionButton_previews,
.sgl-plugin-page .videos-css .thePlayer_infobox_previews,
.sgl-plugin-page .videos-css .thePlayer_infobox,
.sgl-plugin-page .videos-css .modalVideoOptionButton{
  background-color: var(--sgl-color-primary) !important;
  opacity: 0.8 !important;
}


.sgl-plugin-page .loginformcss #login_button,
.sgl-plugin-page .forgot-password-container #update,
.sgl-plugin-page .registration-container #update,
.sgl-plugin-page .sgl-content-wrapper .loginformcss .verify-mobile-container #verifyMobile_btn,
.sgl-plugin-page #live-class-widget-section .close-panel,
.sgl-plugin-page #live-class-widget-section #btnViewAll{
  background-color: var(--sgl-color-primary) !important;
  color: #fff !important;
}

.sgl-plugin-page .popup-loader{
  border-top: 8px solid var(--sgl-color-primary) !important;
}

.sgl-plugin-page .videos-css .preview-strip{
  background: var(--sgl-color-primary) !important;
}

@media screen and (max-width: 600px) {
  .sgl-plugin-page .videos-css .thePlayer_infobox{
    background:none !important;
  }
}