body {
  background-color: ;
  color: ;
}
.webpage-block .jumbotron h1, h1 {
  color: ;
  font-family: Fajilla;
  font-size: 36px;
}
.webpage-block .jumbotron h2, h2 {
  color: ;
  font-family: Fajilla;
  font-size: 30px;
}
.webpage-block .jumbotron h3, h3 {
  color: ;
  font-family: Fajilla;
  font-size: 24px;
}
.webpage-block .jumbotron h4, h4 {
  color: ;
  font-family: Fajilla;
  font-size: 18px;
}
.webpage-block .jumbotron h5, h5 {
  color: ;
  font-family: Fajilla;
  font-size: 14px;
}
.webpage-block .jumbotron h6, h6 {
  color: ;
  font-family: Fajilla;
  font-size: 12px;
}
.webpage-block .jumbotron p, p, .content-block div, .panel div, li {
  color: ;
  font-family: Tahoma;
  font-size: 16px;
}
.jumbotron blockquote, blockquote {
  color: ;
  font-family: Tahoma;
  font-size: 18px;
}
.jumbotron .lead, .content-block .lead, .lead {
  color: ;
  font-family: Tahoma;
  font-size: 21px;
}
@media (max-width: 767px) {
  .webpage-block .jumbotron h1, h1 {
    font-size: 36px;
  }
  .webpage-block .jumbotron h2, h2 {
    font-size: 30px;
  }
  .webpage-block .jumbotron h3, h3 {
    font-size: 24px;
  }
  .webpage-block .jumbotron h4, h4 {
    font-size: 18px;
  }
  .webpage-block .jumbotron h5, h5 {
    font-size: 14px;
  }
  .webpage-block .jumbotron h6, h6 {
    font-size: 12px;
  }
  .webpage-block .jumbotron p, p {
    font-size: 16px;
  }
  .webpage-block .jumbotron blockquote, blockquote {
    font-size: 18px;
  }
  .webpage-block .jumbotron .lead, .lead {
    font-size: 20px;
  }
}
.webpage-background a {
  color: #7697b8;
}
.webpage-block a {
  color: #7697b8;
}
.webpage-contact a {
  color: #7697b8;
}
.webpage-about a {
  color: #7697b8;
}
.webpage-footer {
  background-color: #4B2E83 !important;
  color: #ffffff !important;
}
.webpage-footer a{
  color: #ffffff !important;
}
.webpage-footer .site-footer-simple {
  background-color: #4B2E83 !important;
  color: #ffffff !important;
}

.webpage-footer p {
  color: #ffffff !important;
}
.webpage-footer .site-footer-simple a,
.webpage-footer .site-footer-simple a:hover {
  background-color: #4B2E83 !important;
  color: #ffffff !important;
}
.webpage-header .navbar {
  background-color: ;
  color: #bab0b0;
}
.webpage-header .navbar a,
.webpage-header .navbar a:hover {
  color: #B94026 !important;
}
.webpage-header.navbar-fixed-top {
  background-color: ;
}
.webpage-group .webpage-hero > div > div {
  padding-top: 20px;
}
.webpage-header.navbar-fixed-top.hero-behind.transparent {
  background-color: transparent;
}
.webpage-header.hero-behind.transparent .navbar {
  background-color: transparent;
}
body.hero-behind .webpage-group .webpage-hero > div {
  margin-top: 0 !important;
}
.webpage-footer .site-footer-columns .site-footer-upper,
.webpage-footer .site-footer-layers {
  background-color: #4B2E83 !important;
  color: #ffffff !important;
}
.webpage-footer .site-footer-columns .site-footer-upper a,
.webpage-footer .site-footer-columns .site-footer-upper a:hover,
.webpage-footer .site-footer-layers a,
.webpage-footer .site-footer-layers a:hover {
  color: #ffffff !important;
}
<style>
@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@700&family=Source+Sans+3:wght@400;500;600;700&display=swap");

/* =========================================================
   GoShamokin Site-Wide Design System
   ========================================================= */

:root {
  --gs-purple: #4b2e83;
  --gs-purple-dark: #251640;
  --gs-purple-light: #7654ad;
  --gs-lavender: #f4f0fa;
  --gs-lavender-2: #e9e1f5;
  --gs-cream: #fbfaf7;
  --gs-gold: #d2a54a;
  --gs-ink: #252130;
  --gs-muted: #625d6b;
  --gs-border: rgba(75, 46, 131, .14);
  --gs-shadow-sm: 0 6px 18px rgba(37, 22, 64, .08);
  --gs-shadow: 0 12px 34px rgba(37, 22, 64, .1);
  --gs-shadow-lg: 0 20px 48px rgba(37, 22, 64, .15);
  --gs-radius-sm: 7px;
  --gs-radius: 12px;
  --gs-radius-lg: 16px;
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--gs-ink);
  background: #fff;
  font-family: "Source Sans 3", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
  font-family: "Source Sans 3", Arial, sans-serif;
}

h1,
h2,
h3,
.h1,
.h2,
.h3,
.lead {
  color: var(--gs-purple-dark);
  font-family: "Merriweather", Georgia, serif !important;
  letter-spacing: -.02em;
}

h1,
.h1 {
  font-size: clamp(36px, 5vw, 54px);
  line-height: 1.14;
}

h2,
.h2 {
  font-size: clamp(29px, 3.5vw, 38px);
  line-height: 1.22;
}

h3,
.h3 {
  font-size: 25px;
  line-height: 1.3;
}

h4,
.h4 {
  color: var(--gs-purple-dark);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin-bottom: 1.15em;
}

a {
  color: var(--gs-purple);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}

a:hover,
a:focus {
  color: var(--gs-purple-dark);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(210, 165, 74, .7);
  outline-offset: 3px;
}

img {
  max-width: 100%;
}

hr {
  border-color: var(--gs-border);
}

::selection {
  color: #fff;
  background: var(--gs-purple);
}

/* =========================================================
   Header and Navigation
   ========================================================= */

.webpage-header .vcard-social {
  min-height: 36px;
  color: #fff;
  background: var(--gs-purple-dark);
}

.webpage-header .vcard-social a,
.webpage-header .vcard-social .navbar-text,
.webpage-header .header-social a {
  color: #fff;
}

.webpage-header .vcard-social a:hover {
  color: #eadfff;
}

.webpage-header .navbar {
  min-height: 96px;
  margin-bottom: 0;
  background: rgba(255, 255, 255, .98);
  border: 0;
  border-bottom: 3px solid var(--gs-purple);
  box-shadow: 0 8px 28px rgba(31, 20, 51, .1);
}

.webpage-header .navbar.navbar-fixed-top {
  min-height: 76px;
}

.webpage-header .navbar-brand {
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

.webpage-header .navbar-brand img,
.webpage-header .navbar-brand-image img {
  width: auto;
  max-width: 205px;
  max-height: 100px !important;
  object-fit: contain;
}

.webpage-header .navbar-nav > li > a {
  color: var(--gs-purple-dark) !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .005em;
}

@media (min-width: 768px) {
  .webpage-header .navbar-collapse,
  .webpage-header .navbar-nav {
    height: auto !important;
  }

  .webpage-header .navbar-nav > li > a {
    padding-right: 10px !important;
    padding-left: 10px !important;
    line-height: 100px !important;
  }
}

.webpage-header .navbar-nav > li > a:hover,
.webpage-header .navbar-nav > li > a:focus,
.webpage-header .navbar-nav > .open > a,
.webpage-header .navbar-nav > .open > a:hover,
.webpage-header .navbar-nav > .open > a:focus {
  color: var(--gs-purple) !important;
  background: var(--gs-lavender) !important;
}

.webpage-header .dropdown-menu {
  padding: 8px 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--gs-border);
  border-top: 4px solid var(--gs-purple);
  border-radius: 0 0 10px 10px;
  box-shadow: 0 14px 30px rgba(31, 20, 51, .16);
}

.webpage-header .dropdown-menu > li > a {
  padding: 10px 20px;
  color: var(--gs-purple-dark) !important;
  font-size: 15px;
  font-weight: 600;
  white-space: normal;
}

.webpage-header .dropdown-menu > li > a:hover,
.webpage-header .dropdown-menu > li > a:focus {
  color: var(--gs-purple) !important;
  background: var(--gs-lavender) !important;
}

.webpage-header .navbar-toggle {
  margin-top: 22px;
  border-color: var(--gs-purple);
  border-radius: var(--gs-radius-sm);
}

.webpage-header .navbar-toggle .icon-bar {
  background: var(--gs-purple);
}

/* =========================================================
   Page Structure and Content
   ========================================================= */

.webpage-wrapper {
  overflow: hidden;
}

.webpage-group {
  position: relative;
}

.webpage-hero {
  position: relative;
  overflow: hidden;
}

.webpage-hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(27, 16, 47, .62),
    rgba(27, 16, 47, .28)
  );
}

.webpage-hero .hero-content {
  position: relative;
  z-index: 1;
}

.webpage-hero h1,
.webpage-hero h2,
.webpage-hero h3,
.webpage-hero .well {
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .55);
}

.webpage-group > .container {
  padding-top: 34px;
  padding-bottom: 34px;
}

body > .webpage-group:not(:first-of-type) {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

body > .webpage-group:first-of-type {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body > .webpage-group > .container {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

body > .webpage-group .b-p-h-xl {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

body > .webpage-group .m-t-lg,
body > .webpage-group .col-xs-12.m-t-lg {
  margin-top: 0 !important;
}

body > .webpage-group .partners {
  margin-bottom: 0 !important;
}

body > .webpage-group:has(.calendar-widget) .calendar-widget .panel {
  padding-top: 16px;
  padding-bottom: 16px;
}

body .webpage-call-to-action .panel {
  min-height: 220px !important;
  padding: 24px 24px 22px !important;
}

body .webpage-call-to-action h4 {
  margin-bottom: 10px !important;
}

body .webpage-call-to-action .btn {
  margin-top: 14px !important;
}

body .content-block {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

body .content-block .lead {
  margin-bottom: 4px;
}

body .content-block hr {
  margin-top: 12px;
  margin-bottom: 16px;
}

body .event-block .product-imitation {
  height: 185px;
}

body .event-block .product-imitation img {
  width: 100%;
  height: 185px;
  object-fit: cover;
}

body .event-block .product-desc {
  padding: 16px 18px !important;
}

body .event-block.card {
  margin-bottom: 10px;
}

body .ibox-blog .product-imitation {
  height: 190px;
}

body .ibox-blog .product-imitation img {
  width: 100%;
  height: 190px;
  object-fit: cover;
}

body .ibox-blog .product-desc {
  padding: 16px 18px !important;
}

body .ibox-blog .product-desc .m-t-xs {
  max-height: 76px;
  overflow: hidden;
}

body .partners {
  padding: 20px !important;
}

body .sponsor-logos-container,
body .sponsor-logo-item,
body .sponsor-logo-item > a {
  height: auto !important;
  min-height: 0 !important;
}

body .sponsor-logo-item img {
  max-height: 82px;
}

.webpage-group:nth-of-type(even) {
  background-color: var(--gs-cream);
}

.webpage-block {
  color: var(--gs-ink);
}

.webpage-block .lead {
  font-size: 29px;
  line-height: 1.35;
}

.webpage-block blockquote {
  margin: 28px 0;
  padding: 22px 26px;
  color: var(--gs-purple-dark);
  background: var(--gs-lavender);
  border-left: 5px solid var(--gs-purple);
  border-radius: 0 var(--gs-radius) var(--gs-radius) 0;
  font-size: 20px;
}

.well {
  border-color: var(--gs-border);
  border-radius: var(--gs-radius);
  box-shadow: none;
}

.panel {
  border-color: var(--gs-border);
  border-radius: var(--gs-radius);
  box-shadow: var(--gs-shadow-sm);
}

.panel-heading {
  color: var(--gs-purple-dark);
  background: var(--gs-lavender);
  border-color: var(--gs-border);
  font-weight: 700;
}

/* =========================================================
   Buttons and Calls to Action
   ========================================================= */

.btn {
  padding: 10px 20px;
  border-radius: var(--gs-radius-sm);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
}

.btn-primary,
.btn-success,
.webpage-call-to-action .btn {
  color: #fff;
  background: var(--gs-purple);
  border-color: var(--gs-purple);
  box-shadow: 0 6px 16px rgba(75, 46, 131, .22);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus,
.webpage-call-to-action .btn:hover,
.webpage-call-to-action .btn:focus {
  color: #fff;
  background: var(--gs-purple-dark);
  border-color: var(--gs-purple-dark);
  transform: translateY(-2px);
  box-shadow: 0 9px 20px rgba(37, 22, 64, .25);
}

.btn-default {
  color: var(--gs-purple-dark);
  background: #fff;
  border-color: var(--gs-purple);
}

.btn-default:hover,
.btn-default:focus {
  color: #fff;
  background: var(--gs-purple);
  border-color: var(--gs-purple);
}

.webpage-call-to-action {
  height: 100%;
}

.webpage-call-to-action .panel {
  height: 100%;
  min-height: 250px;
  margin: 0 0 24px;
  padding: 32px 28px 28px;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--gs-border);
  border-top: 5px solid var(--gs-purple);
  border-radius: var(--gs-radius-lg);
  box-shadow: var(--gs-shadow);
}

.webpage-call-to-action .panel:hover {
  transform: translateY(-5px);
  box-shadow: var(--gs-shadow-lg);
}

.webpage-call-to-action h4 {
  margin-bottom: 16px !important;
  color: var(--gs-purple-dark);
  font-family: "Merriweather", Georgia, serif;
  font-size: 21px;
}

.webpage-call-to-action .column-details {
  color: var(--gs-muted);
  font-size: 17px;
  line-height: 1.55;
  flex: 1;
}

.webpage-call-to-action .btn {
  margin-top: 20px;
}

/* =========================================================
   Cards, Calendars, News, Directories and Offers
   ========================================================= */

.event-block.card,
.product-box,
.ibox-content,
.directory-listing,
.listing-card,
.offer-card,
.job-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--gs-border);
  border-radius: var(--gs-radius);
  box-shadow: var(--gs-shadow-sm);
  transition: transform .25s ease, box-shadow .25s ease;
}

.event-block.card:hover,
.product-box:hover,
.directory-listing:hover,
.listing-card:hover,
.offer-card:hover,
.job-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--gs-shadow);
}

.product-imitation {
  overflow: hidden;
  background: #eee;
}

.product-imitation img {
  width: 100%;
  transition: transform .35s ease;
}

.event-block.card:hover .product-imitation img,
.product-box:hover .product-imitation img {
  transform: scale(1.035);
}

.product-desc {
  padding: 24px;
}

.event-block .title,
.grid-feed-title,
.styled-widget-link {
  color: var(--gs-purple-dark);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
}

.event-block .read-more,
.read-more {
  color: var(--gs-purple);
  font-weight: 700;
}

.calendar-widget .panel,
.grid {
  border-radius: var(--gs-radius);
}

.event-count {
  color: var(--gs-purple);
  font-size: 14px;
  letter-spacing: .08em;
}

.pagination > li > a,
.pagination > li > span {
  color: var(--gs-purple);
  border-color: var(--gs-border);
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > span {
  color: #fff;
  background: var(--gs-purple);
  border-color: var(--gs-purple);
}

.partners {
  padding: 32px;
  text-align: center;
  background: #fff;
  border: 1px solid var(--gs-border);
  border-radius: var(--gs-radius-lg);
  box-shadow: var(--gs-shadow-sm);
}

.sponsor-logo-item img {
  max-height: 115px;
  filter: saturate(.92);
  transition: transform .2s ease, filter .2s ease;
}

.sponsor-logo-item img:hover {
  filter: saturate(1);
  transform: scale(1.03);
}

/* =========================================================
   Forms, Tables and Utility Content
   ========================================================= */

.form-control {
  min-height: 44px;
  color: var(--gs-ink);
  background: #fff;
  border: 1px solid #cfc8da;
  border-radius: var(--gs-radius-sm);
  box-shadow: none;
}

.form-control:focus {
  border-color: var(--gs-purple-light);
  box-shadow: 0 0 0 3px rgba(75, 46, 131, .12);
}

label {
  color: var(--gs-purple-dark);
  font-weight: 700;
}

.table {
  background: #fff;
}

.table > thead > tr > th {
  color: #fff;
  background: var(--gs-purple);
  border-bottom: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background: var(--gs-lavender);
}

.alert-info {
  color: var(--gs-purple-dark);
  background: var(--gs-lavender);
  border-color: var(--gs-lavender-2);
}

.breadcrumb {
  background: var(--gs-lavender);
  border-radius: var(--gs-radius-sm);
}

.badge,
.label-primary {
  background: var(--gs-purple);
}

/* =========================================================
   Footer
   ========================================================= */

.site-footer {
  margin-top: 0;
}

.site-footer-upper,
.site-footer-middle {
  color: #fff;
  background: var(--gs-purple);
}

.site-footer-bottom {
  color: #fff;
  background: var(--gs-purple-dark);
}

.site-footer-upper,
.site-footer-middle,
.site-footer-bottom {
  padding-top: 28px;
  padding-bottom: 28px;
}

.site-footer a {
  color: #fff;
}

.site-footer a:hover,
.site-footer a:focus {
  color: #eadfff;
}

.site-footer .footer-links li {
  margin-bottom: 8px;
}

.site-footer .social-icon a {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 50%;
}

.site-footer .social-icon a:hover {
  color: var(--gs-purple-dark);
  background: #fff;
}

/* =========================================================
   Specialized Embedded Pages
   ========================================================= */

.patent-frame-wrap {
  width: 100%;
  max-width: 1400px;
  margin: 30px auto;
  padding: 0 20px;
  box-sizing: border-box;
  position: relative !important;
  z-index: 1 !important;
}

.patent-frame {
  width: 100%;
  min-height: 2600px;
  display: block;
  background: #fff;
  border: 1px solid var(--gs-border) !important;
  border-radius: var(--gs-radius-lg);
  box-shadow: var(--gs-shadow);
}

#patentEmbedWrap {
  width: 100%;
  height: auto !important;
  min-height: 3000px;
  padding: 30px 20px 44px;
  box-sizing: border-box;
  background:
    radial-gradient(circle at top left, rgba(118, 84, 173, .14), transparent 34%),
    var(--gs-lavender);
  border-top: 1px solid var(--gs-border);
}

#patentEmbedFrame {
  width: min(1440px, 100%) !important;
  min-height: 3000px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  background: #101a31;
  border: 1px solid rgba(75, 46, 131, .24) !important;
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(37, 22, 64, .2);
}

.gsDash {
  color: var(--gs-ink);
  font-family: "Source Sans 3", Arial, sans-serif;
}

/* =========================================================
   Responsive Design
   ========================================================= */

@media (min-width: 768px) {
  .webpage-group .row.equal-height-cols,
  .webpage-group:has(.webpage-call-to-action) > .container > .row {
    display: flex;
    flex-wrap: wrap;
  }

  .webpage-group .row.equal-height-cols > [class*="col-"],
  .webpage-group:has(.webpage-call-to-action) > .container > .row > [class*="col-"] {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 1100px) {
  .webpage-header .navbar-nav > li > a {
    padding-right: 7px !important;
    padding-left: 7px !important;
    font-size: 12px;
  }

  .webpage-header .navbar-brand img,
  .webpage-header .navbar-brand-image img {
    max-width: 180px;
  }
}

@media (max-width: 767px) {
  body {
    font-size: 16px;
  }

  h1,
  .h1 {
    font-size: 36px;
  }

  h2,
  .h2 {
    font-size: 29px;
  }

  .webpage-header .navbar {
    min-height: 72px;
    border-bottom-width: 2px;
  }

  .webpage-header .navbar .container,
  .webpage-header .navbar .container-fluid {
    display: block !important;
  }

  .webpage-header .navbar-brand {
    height: auto !important;
    padding: 10px 14px !important;
  }

  .webpage-header .navbar-brand img,
  .webpage-header .navbar-brand-image img {
    max-width: 175px;
    max-height: 54px !important;
  }

  .webpage-header .navbar-nav > li > a {
    padding: 13px 16px !important;
    font-size: 16px;
    line-height: 1.3 !important;
    white-space: normal !important;
  }

  .webpage-header .navbar-collapse {
    max-height: calc(100vh - 74px);
    overflow-y: auto;
    background: #fff !important;
    border-top: 1px solid var(--gs-border) !important;
  }

  .webpage-header .dropdown-menu {
    min-width: 100% !important;
    padding-left: 12px;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .webpage-group > .container {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  body > .webpage-group:not(:first-of-type) {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  body > .webpage-group > .container {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  body > .webpage-group .b-p-h-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  body .webpage-call-to-action .panel {
    min-height: 0 !important;
    padding: 22px 20px !important;
  }

  body .event-block .product-imitation,
  body .event-block .product-imitation img,
  body .ibox-blog .product-imitation,
  body .ibox-blog .product-imitation img {
    height: 165px;
  }

  .webpage-call-to-action .panel {
    min-height: 0;
    padding: 27px 23px;
  }

  .product-desc {
    padding: 21px;
  }

  .partners {
    padding: 24px 18px;
  }

  .patent-frame-wrap {
    margin: 18px auto;
    padding: 0 10px;
  }

  .patent-frame {
    min-height: 3200px;
    border-radius: var(--gs-radius);
  }

  #patentEmbedWrap {
    min-height: 3200px;
    padding: 16px 8px 28px;
  }

  #patentEmbedFrame {
    min-height: 3200px;
    border-radius: 12px;
  }

  .site-footer,
  .site-footer .text-left,
  .site-footer .text-right,
  .site-footer .footer-left,
  .site-footer .footer-right {
    text-align: center !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}
/* Restore GoShamokin purple navigation + dropdown theme */

.webpage-header .navbar-nav > li > a {
  color: #4b2e83 !important;
  font-weight: 700 !important;
}

.webpage-header .navbar-nav > li > a:hover,
.webpage-header .navbar-nav > li > a:focus,
.webpage-header .navbar-nav > .open > a,
.webpage-header .navbar-nav > .open > a:hover,
.webpage-header .navbar-nav > .open > a:focus {
  color: #fff !important;
  background: #4b2e83 !important;
}

.webpage-header .dropdown-menu {
  background: #251640 !important;
  border-top: 4px solid #d2a54a !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: 0 14px 30px rgba(31, 20, 51, .25) !important;
}

.webpage-header .dropdown-menu > li > a {
  color: #fff !important;
  font-weight: 600 !important;
}

.webpage-header .dropdown-menu > li > a:hover,
.webpage-header .dropdown-menu > li > a:focus {
  color: #251640 !important;
  background: #d2a54a !important;
}
</style>
