/* Override the main font for the template body and headings */
:root {
  --datashoresitebas-font-family-body: 'Baskerville Old Face', sans-serif;
  --datashoresitebas-font-family-headings: 'Baskerville Old Face', sans-serif;
}

/* Remove borders for module cards and card headers */
.card,
.card-header{
  border-color: #FFFFFF;

}

.card-header {
    width:25%;
}

.video-category .card-header {
    margin-left: 15px;
    padding: 5px;
    color: #FFFFFF;
    background-color: var(--gray-600);
}

.brand-logo img {
  width: 162px;
  height: 175px;
}

/* Remove card spacers for sp page builder page header module*/
.page-header.card {
  --card-spacer-x: 0;
  --card-spacer-y: 0;
}

.container-component>*+* {
  margin-top: 0rem;
}

.container-component>*:first-child {
  margin-top: 0rem;
}

/* Set the header background colour and mod-menu extra styling */
.container-header .container-nav::before,
.container-header .container-nav::after {
  content: '';
  background: url(../images/menu-border-orange.png) center no-repeat;
  height: 3px;
  width: 100%;
}

.container-header .navbar-toggler {
  color: var(--datashoresitebas-color-primary);
}

.container-header .mod-menu {
  height: auto;
}

.container-header .mod-menu .nav-item {
  padding: 5px 10px;
  margin-left: 0;
}

/* Additional styling for the "Learn To Dance" menu item */
.learntodance {
    border-style:solid ;
}

.show .container-header .mod-menu .nav-item {
  padding: 15px 12px;
  margin-left: 0;
}

.container-header .main-menu .nav-item {
  background: url(../images/separator-orange.png) 100% center no-repeat;
}

.container-header .show .main-menu .nav-item {
  background: none;
}

.container-header .content-menu {
  padding-top: 5px;
  text-align: center;
  font-weight: bold;
}

/* Set the footer background colour and extra styling */
.bottom-b::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 24px;
  background: url(../images/footerbg.png) center -5px repeat-x;
}

.bottom-b {
  background-color: var(--datashoresitebas-color-footerbg);
}

#page-header .sppb-addon-wrapper {
  color: var(--datashoresitebas-color-pageheader);
  background-color: var(--datashoresitebas-color-pageheaderbg);
}

a:not([class]) {
  text-decoration: none;
}

.mod-finder .form-control {
  color: var(--datashoresitebas-color-primary-font);
  border-color: var(--datashoresitebas-color-secondary);
}

.testimonial-div #btn-open,
.testimonial-div #btn-open-video {
  background-color: var(--datashoresitebas-color-secondary);
}

.view-more #viewplus {
  background-color: var(--datashoresitebas-color-secondary);
}

/* SP Page Builder - Home page image link overlays  */
#homepage-image-links .sppb-addon-title {
  background-color: var(--datashoresitebas-color-secondary);
  border-style: none;
  border-radius: 0.5rem;
  height: 5rem;
  padding-top: 0.1rem;
  padding-left: 0.3rem;
  opacity: 90%;
}

/* SP Page Builder - Home page article carousel */
.homepage-articles-scroller .sppb-articles-carousel-img {
  background: #FFFFFF;
  padding-top: 5px;
}

.homepage-articles-scroller .sppb-articles-carousel-img img {
  height: 150px;
  margin-left: auto;
  margin-right: auto;
}

.homepage-articles-scroller .sppb-articles-carousel-meta-category {
  display: none;
}


/* SP Page Builder - Home page feature box styling */
.homepage-feature-box .sppb-top-shape path,
.homepage-feature-box .sppb-bottom-shape path {
  fill: var(--datashoresitebas-color-primary)
}

.homepage-feature-box h1 {
  color: var(--datashoresitebas-color-secondary)
}

.homepage-feature-box img {
  width: 300px;
}

/* Membership Pro styling */
.package-plans .osm-plan {
  margin-bottom: 0.5rem;
}

.package-plans .osm-page-title {
  display: none;
}

.package-plans .card-header {
  color: var(--datashoresitebas-color-sectionheader);
  background-color: var(--datashoresitebas-color-sectionheaderbg);
}

.package-plans .osm-pricing-table .osm-plan .osm-plan-header {
  background-color: var(--datashoresitebas-color-primary);
}

.package-plans .osm-plan-price {
  background-color: var(--datashoresitebas-color-secondary);
}

/* Articles - Featured Blog styling*/
.blog-items {
  margin-top: 1rem;
}

/* Articles - Intro image styling*/
.latest-intro-image img {
  width: 250px;
}

.member-spotlight  img {
    height: 200px;
}

.member-articles  img {
    height: 200px;
}

/* Hide search box label */
.finder {
  display: none;
}

/* Calendar styling */
.jev_toprow div.previousmonth,
.jev_toprow div.nextmonth {
  background-color: var(--datashoresitebas-color-primary);
}

/* Ignite Gallery styling */
.profile-1 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
}