/* in Safair the fonts don't seem to load correctly from the theme settings */
@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-BlackItalic.eot');
    src: url('Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('Montserrat-BlackItalic.woff2') format('woff2'),
        url('Montserrat-BlackItalic.woff') format('woff'),
        url('Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Black.eot');
    src: url('Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('Montserrat-Black.woff2') format('woff2'),
        url('Montserrat-Black.woff') format('woff'),
        url('Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../webfonts/Montserrat-Bold.eot');
    src: url('../webfonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Montserrat-Bold.woff2') format('woff2'),
        url('../webfonts/Montserrat-Bold.woff') format('woff'),
        url('../webfonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../webfonts/Montserrat-ExtraBold.eot');
    src: url('../webfonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../webfonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../webfonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../webfonts/Montserrat-BoldItalic.eot');
    src: url('../webfonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../webfonts/Montserrat-BoldItalic.woff') format('woff'),
        url('../webfonts/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat';
    src: url('../webfonts/Montserrat-ExtraBoldItalic.eot');
    src: url('../webfonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('../webfonts/Montserrat-ExtraBoldItalic.woff') format('woff'),
        url('../webfonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../webfonts/Montserrat-Italic.eot');
    src: url('../webfonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Montserrat-Italic.woff2') format('woff2'),
        url('../webfonts/Montserrat-Italic.woff') format('woff'),
        url('../webfonts/Montserrat-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../webfonts/Montserrat-Medium.eot');
    src: url('../webfonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Montserrat-Medium.woff2') format('woff2'),
        url('../webfonts/Montserrat-Medium.woff') format('woff'),
        url('../webfonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../webfonts/Montserrat-Regular.eot');
    src: url('../webfonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Montserrat-Regular.woff2') format('woff2'),
        url('../webfonts/Montserrat-Regular.woff') format('woff'),
        url('../webfonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../webfonts/Montserrat-SemiBold.eot');
    src: url('../webfonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../webfonts/Montserrat-SemiBold.woff') format('woff'),
        url('../webfonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat';
    src: url('../webfonts/Montserrat-SemiBoldItalic.eot');
    src: url('../webfonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('../webfonts/Montserrat-SemiBoldItalic.woff') format('woff'),
        url('../webfonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}


body,
h1, h2, h3, h4, h5, h6,
body .entry-header p.entry-meta,
body .entry-footer p.entry-meta,
footer .footer-text,
.sidebar .widget,
button, input, optgroup, select, textarea {
  font-family: Montserrat !important;
}
h1 {
  font-weight: 900 !important;
}


::selection {
  background: #000; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #000; /* Gecko Browsers */
}
a,
.entry.category-unconfirmed a {
  color: #7c42e5;
}
a:hover,
a:active,
.entry-title a:hover,
.entry-title a:active,
.entry.category-unconfirmed .entry-title a:hover {
  color: #4982b2;
}
html .header-image .site-title > a {
    max-height: 100% !important;
}
html .header-image .sticky-nav-container .site-title {
    padding-top: 3px;
    padding-bottom: 3px;
}

@media screen and (max-width: 768px) {
  html body:not(.single) .mobile-featured-image .category-overlay .icon {
    bottom: 5% !important;
    right: 7% !important;
    width: 40% !important;
  }
  .category-177 .tve_lead_generated_inputs_container .thrv-columns .tcb-flex-row {
    display: block;
  }
}
@media screen and (max-width: 575.98px) {
  body:not(.single) .entry-header p.entry-meta > span {
    margin: 5px;
  }
}
/* html .header-image .sticky-nav-container .site-title > a {
  background-image: url("https://unchainedtest.wpengine.com/wp-content/plugins/zs-unchained/lib/img/unchained_logo_simple.svg");
} */
html .header-image .sticky-nav-container .title-area .site-title > a {
/* body.sticky-nav-style-sticky_morph.scrolled.header-image .title-area .site-title > a */
      max-height: 100% !important;
}
@media (min-width: 576px) {
  .header-image .title-area {
      padding: 0 15px 0 15px;
  }
}
@media (min-width: 300px) {
    html [data-css="tve-u-1674e724e08"] {
        color: rgba(210,26,79,1) !important;
    }
}

.category-overlay.unconfirmed .background,
.category-overlay .background {
    //background: rgba(210,26,79,1);
    background: rgba(255,255,255,1);
}
.category-overlay .icon {
    bottom: 10px;
    right: 9px;
    width: 36px;
    opacity: 1;
}
html .smart-track-player.spp-stp-desktop .spp-stpd-playback-controls,
html .smart-track-player.spp-stp-desktop .spp-stpd-playback-controls .spp-play-pause .spp-play .spp-play-mask,
body .category-unconfirmed .smart-podcast-player .spp-player-layout .spp-main-region .spp-main-view .spp-progress-bar .spp-progress-played,
body .category-unconfirmed .smart-podcast-player .spp-player-layout .spp-main-region .spp-main-view .spp-progress-bar .spp-seek-time,
body .category-unconfirmed .smart-track-player .spp-progress-bar .spp-progress-played,
body .category-unconfirmed .smart-track-player .spp-progress-bar .spp-seek-time, .category-unconfirmed .smart-track-player.spp-stp-desktop .spp-stpd-playback-controls,
.category-unconfirmed .smart-track-player.spp-stp-desktop .spp-stpd-playback-controls .spp-play-pause .spp-play .spp-play-mask {
  background-color: rgba(210,26,79,1) !important;
}

.archive-pagination ul li a:active,
.archive-pagination ul li.active a,
.archive-pagination ul li a:hover {
    background-color: #09d072;
}
.site-header > .wrap nav .menu > li > a > .before,
.sticky-nav-container > .wrap nav .menu > li > a > .before {
  background: rgba(242,168,29,1);
  background: linear-gradient(57deg, rgba(210,26,79,1) 20%, rgba(183,38,130,1) 100%);
}
.site-header > .wrap nav .menu > .current-menu-item > a > .before,
.sticky-nav-container > .wrap nav .menu > .current-menu-item > a > .before,
.site-header > .wrap nav .menu > .current_page_item > a > .before,
.sticky-nav-container > .wrap nav .menu > .current_page_item > a > .before,
.site-header > .wrap nav .menu > .current_page_parent > a > .before,
.sticky-nav-container > .wrap nav .menu > .current_page_parent > a > .before,
.site-header > .wrap nav .menu > .current-post-parent > a > .before,
.sticky-nav-container > .wrap nav .menu > .current-post-parent > a > .before,
.site-header > .wrap nav .menu > .current-menu-parent > a > .before,
.sticky-nav-container > .wrap nav .menu > .current-menu-parent > a > .before,
.site-header > .wrap nav .menu > li:hover > a > .before,
.sticky-nav-container > .wrap nav .menu > li:hover > a > .before {
  background: rgba(242,168,29,1);
  background: linear-gradient(57deg, rgba(210,26,79,1) 20%, rgba(183,38,130,1) 100%);
}
.sticky-nav-container > .wrap nav .menu > .current-menu-item > a > .before,
body.sticky-nav-style-sticky_morph.scrolled .site-header > .wrap nav .menu > .current-menu-item > a > .before,
.sticky-nav-container > .wrap nav .menu > .current_page_item > a > .before,
body.sticky-nav-style-sticky_morph.scrolled .site-header > .wrap nav .menu > .current_page_item > a > .before,
.sticky-nav-container > .wrap nav .menu > .current_page_parent > a > .before,
body.sticky-nav-style-sticky_morph.scrolled .site-header > .wrap nav .menu > .current_page_parent > a > .before,
.sticky-nav-container > .wrap nav .menu > .current-post-parent > a > .before,
body.sticky-nav-style-sticky_morph.scrolled .site-header > .wrap nav .menu > .current-post-parent > a > .before,
.sticky-nav-container > .wrap nav .menu > .current-menu-parent > a > .before,
body.sticky-nav-style-sticky_morph.scrolled .site-header > .wrap nav .menu > .current-menu-parent > a > .before,
.sticky-nav-container > .wrap nav .menu > li:hover > a > .before,
body.sticky-nav-style-sticky_morph.scrolled .site-header > .wrap nav .menu > li:hover > a > .before {
    background: rgba(242,168,29,1);
    background: linear-gradient(57deg, rgba(210,26,79,1) 20%, rgba(183,38,130,1) 100%);
}
.site-header .sub-menu > li, .sticky-nav-container .sub-menu > li {
  background: rgba(242,168,29,1);
  background: linear-gradient(57deg, rgba(210,26,79,1) 20%, rgba(183,38,130,1) 100%);
}
.site-header .sub-menu li.current-menu-item > a > .after,
.sticky-nav-container .sub-menu li.current-menu-item > a > .after,
.site-header .sub-menu li:hover > a > .after,
.sticky-nav-container .sub-menu li:hover > a > .after,
.sticky-nav-container .sub-menu > li > a > .after,
body.sticky-nav-style-sticky_morph.scrolled .site-header .sub-menu > li > a > .after,
.sticky-nav-container .sub-menu > li > a:link > .after,
body.sticky-nav-style-sticky_morph.scrolled .site-header .sub-menu > li > a:link > .after,
.sticky-nav-container .sub-menu > li > a:visited > .after,
body.sticky-nav-style-sticky_morph.scrolled .site-header .sub-menu > li > a:visited > .after,
.site-header .sub-menu > li > a > .after,
.sticky-nav-container .sub-menu > li > a > .after,
.site-header .sub-menu > li > a:link > .after,
.sticky-nav-container .sub-menu > li > a:link > .after,
.site-header .sub-menu > li > a:visited > .after,
.sticky-nav-container .sub-menu > li > a:visited > .after {
  background: rgba(242,168,29,1);
  background: linear-gradient(57deg, rgba(210,26,79,1) 20%, rgba(183,38,130,1) 100%);
}

/* buttons */
html [data-css="tve-u-16838023d0d"] .tcb-button-link,
html .thrv-button a.tcb-button-link,
html .thrv_wrapper.thrv_lead_generation .tve_submit_container.tve_lg_submit > button,
html .thrv-button a.tcb-button-link:hover,
html .thrv_wrapper.thrv_lead_generation .tve_submit_container.tve_lg_submit > button:hover {
  background-image: none;
  background: linear-gradient(57deg, rgba(132,59,226,1) 20%, rgba(5,214,110,1) 100%);
}

.archive-description {
  border-bottom: 3px solid #06d46f;
}

.unchained-header-line {
    height: 8px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.5;


    /*background: #bc730f!important;*/
    /*background: #f2f2f2!important;*/
    /*height: 5px;*/

    /*-webkit-box-shadow: 180px 0 150px -100px inset #fff, -280px 0 250px -100px inset #fff;*/
    /*box-shadow: 180px 0 150px -100px inset #fff, -280px 0 250px -100px inset #fff;*/
}

.page-banner .unchained-header-line {
    display:none;
}

.entry-header-wrapper .background-image-above {
    -webkit-box-shadow: 0 -7px 0 0 rgba(0, 0, 0, 0.04) inset;
    -moz-box-shadow: 0 -7px 0 0 rgba(0, 0, 0, 0.04) inset;
    box-shadow: 0 -7px 0 0 rgba(0, 0, 0, 0.04) inset;
}

.layout-builder-full-width .unchained-header-line {
    display:none;
}

.sticky-nav-container {
    -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.11);
}

.more-link-container {
    margin-bottom:15px;
}

a.more-link {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 14px;
}

footer .footer-menu-container .genesis-nav-menu a,
.site-footer .widget_nav_menu a {
    padding: 15px;
}

.footer-logo {
    margin-bottom: 15px!important;
}

.entry-header-wrapper .entry-subtitle p {
    border-left: 5px solid #bc7f2c;
    padding: 8px 0 10px 16px;
    margin-left: 1px;
    font-size: 1.1rem;
}

/* Guest Images -------------------------------------------------------------------------- */
.unchained-guests {}
.unchained-guest {
    position: relative;
    margin-bottom:40px;
    border-radius: 5px;
    overflow: hidden;
    min-height: 300px;
    background: rgba(0,0,0,0.05);
}

.guest-image-wrap {
    position: relative;
    z-index:3;
    overflow: hidden;
}

.guest-image-wrap img {
    display: block;
    width: 100%;
}

.unchained-guest a {
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    display: block;
}

.unchained-guest a:hover {
    opacity: 0.85;
}

.guest-info {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    color:#fff;
}

.guest-info .inner {
    position: relative;
    z-index: 8;
}

.guest-info h4 {
    color:#fff;
}

.unchained-guest .gradient-bg {
    position: absolute;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0,0,0,0.7)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 50%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.7) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 50%, rgba(0, 0, 0, 0) 100%);
    top: -100px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
}


.site-footer .footer_bottom {
  background: rgba(242,168,29,1);
  background: linear-gradient(57deg, rgba(242,168,29,1) 10%, rgba(210,26,79,1) 30%, rgba(183,38,130,1) 50%, rgba(132,59,226,1) 70%, rgba(5,214,110,1) 90%);
  border-top: 2px solid #000;
  border-bottom: 10px solid #000;
}
.tve-leads-track-lightbox-7 .tcb-flex-row.tcb--cols--3 .tcb-flex-col {
  flex: 1 0 33.33%;
  max-width: 33.33% !important;
}

/* alt background */
@media (min-width: 300px) {
  html [data-css="tve-u-166a56f7b64"],
  html [data-css="tve-u-1683d32c3f5"],
  html [data-css="tve-u-1683d13c726"],
  html [data-css="tve-u-1683d35ca64"] {
    background-color: #efe8f1 !important;
  }
}


[data-css="tve-u-166e897837e"] {
  padding-top: 60px;
  padding-bottom: 60px;
}

.archive.category-newsletters .sidebar-primary .tve-leads-widget {
  display: none !important;
}
body .sidebar-primary .tve-leads-track-shortcode_5185 {
  display: none !important;
}
body.archive.category-shows .sidebar-primary .tve-leads-track-shortcode_5185 {
  display: block !important;
}

html .sidebar-primary [data-css="tve-u-16838023d0d"] .tcb-button-link,
html .sidebar-primary .thrv-button a.tcb-button-link,
html.single body .sidebar-primary .thrv_wrapper.thrv_lead_generation .tve_submit_container.tve_lg_submit > button,
html .sidebar-primary .thrv-button a.tcb-button-link:hover,
html.single body .sidebar-primary .thrv_wrapper.thrv_lead_generation .tve_submit_container.tve_lg_submit > button:hover,
html.single body .sidebar-primary .single-post-optin .thrv_wrapper.thrv_lead_generation.single-post-optin .tve_submit_container.tve_lg_submit > button,
html body .single-post-optin .thrv_wrapper.thrv_lead_generation.single-post-optin .tve_submit_container.tve_lg_submit > button,
html body .single-post-optin .thrv_wrapper.thrv_lead_generation.single-post-optin .tve_submit_container.tve_lg_submit > button {
  background-color: rgba(132,59,226,1) !important;
  background-image: none;
  background: linear-gradient(57deg, rgba(132,59,226,1) 20%, rgba(5,214,110,1) 100%) !important;
  -webkit-box-shadow: 0px -3px 0px 0px rgb(0 0 0 / 20%) inset;
    -moz-box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px -3px 0px 0px rgb(0 0 0 / 20%) inset;
    border-bottom: 0px !important;
    border-radius: 0 !important;
}

html .sidebar-primary input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]):not([type="button"]),
html .sidebar-primary select,
html .sidebar-primary textarea {
    /* background-color: #fff;
    border: 1px solid #ddd;
    color: #5f5f5f;
    font-size: 1rem;
    font-weight: 400; */
    margin: 10px 0px;
  }


.archive.category.category-newsletters .thrv_wrapper.thrv_lead_generation .tve_submit_container.tve_lg_submit > button {
  margin-top: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}


@media (max-width: 1023px) and (min-width: 768px) {
  .tve-leads-track-lightbox-7 .tcb-flex-row:not(.tcb--cols--2):not(.tcb-medium-no-wrap)>.tcb-flex-col,
  .tve-leads-track-lightbox-7 .tcb-flex-row.tcb-resized:not(.tcb--cols--2):not(.tcb-medium-no-wrap)>.tcb-flex-col {
      max-width: auto;
  }
}


@media (max-width: 767px) {
  [data-css="tve-u-36ekoue37aw5h"] .tcb-flex-row.v-2:not(.tcb-mobile-no-wrap) > .tcb-flex-col {
      max-width: 50% !important;
  }
}

@media (min-width: 400px) {
  [data-css="tve-u-36ekoue37aw5h"] .thrv_wrapper.thrv-columns:last-child > div > .tcb-flex-col:last-child {
    /* flex: 1 0 33.33%;
    max-width: 33.33% !important; */
    flex: 1 0 16.66%;
    max-width: 16.66% !important;
  }
  [data-css="tve-u-36ekoue37aw5h"] .thrv_wrapper.thrv-columns:last-child > div > .tcb-flex-col:first-child {
    margin-left: 16.66%;
  }
}


@media (max-width: 400px) {
  [data-css="tve-u-36ekoue37aw5h"] .tcb-flex-row.v-2:not(.tcb-mobile-no-wrap) > .tcb-flex-col {
    max-width: 100% !important;
    flex: 1 0 100%;
  }
}

/** Glossary START **/

.site-header {
  z-index: 0 !important;
}

#panel-header  {
  height: 0;
  opacity: 0;
  visibility: hidden;
  background: #eee;
  transition: height ease 0.2s;
}
#panel-header.panel-show {
  width: 100%;
  z-index: 99999;
  height: auto;
  opacity: 1;
  visibility: visible;
  transition: height ease 0.2s;
}

#panel-body {
  transition: all ease 0.2s;
  width: 100%;
  top: 0;
  background: white;
  height: 50px;
  margin-top: -50px;
  z-index: 9;
}

#panel-body ul {
  overflow-x: scroll;
}

#panel-body ul::-webkit-scrollbar {
  border-radius: 10px;
  box-shadow: inset 0 0 3px rgb(0 0 0 / 15%);
  height: 3px;
}

#panel-body ul::-webkit-scrollbar-thumb {
  background: linear-gradient(57deg, rgba(210,26,79,1) 20%, rgba(183,38,130,1) 100%);
}

@media (min-width: 850px) {
  #panel-body ul::-webkit-scrollbar { box-shadow: none; }
  #panel-body ul::-webkit-scrollbar-thumb {
    background: white;
  }
}

.logged-in #panel-body.fixed {
  top: 82px;
}

#panel-body.fixed {
  height: auto;
  margin-top: 0px;
  position: fixed;
  top: 50px;
  left: 0;
  transition: all ease 0.5s;
  box-shadow: 0 0 10px 0px rgb(0 0 0 / 5%);

}

#panel-body ul {
  padding: 10px 0;
}

#panel-body.fixed ul li span,
#panel-body.fixed ul li span.separator {
  white-space: nowrap;
}

#panel-body ul li span,
#panel-body ul li span.separator {
  white-space: nowrap;
}

.container {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}

.container-960 {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.panel .alphabet ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0 10px;
  align-items: center;
}

.panel .alphabet ul li {
  list-style-type: none;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  text-align: inherit;
  color: #212529;
  font-style: normal;
  margin-bottom: 0;
}

.panel .alphabet ul li span {
  padding: 5px;
  display: block;
  font-size: 28px;
  cursor: pointer;
  text-shadow: 0 2px 6px rgb(0 0 0 / 11%);
  transition: all ease .3s;
  font-weight: 100;
}

.panel .alphabet ul li span.empty {
  opacity: 0.25;
  cursor: auto !important;
}

.panel .alphabet ul li span.empty:hover {
  color: #212529;
}

.panel .alphabet ul li span:hover {
  color: rgba(210,26,79,1);
  transition: all ease .3s;
}

#panel-body.fixed ul li span:hover {
  color: rgba(0,0,0,.3);
  transition: all ease .3s;
}

.panel .alphabet ul li span.separator {
  font-weight: 100;
  text-shadow: 0 0 3px rgb(0 0 0 / 15%);
  font-size: 15px;
  color: rgb(0 0 0 / 15%);
}

.terms {
  padding-top: 60px;
}

.letter {
  display: flex;
  padding: 60px 0;
}

.letter-header {
  width: 20%;
}

.letter-header h2 {
  white-space: nowrap;
  font-size: 92px;
  color: rgba(0,0,0,.3);
  line-height: 1;
  margin-bottom: 0;
}

.list {
  width: 80%;
  padding-right: 10px;
}

@media (max-width: 812px) {
  section.page-banner {
    padding: 45px 10px;
  }

  #panel-body  ul {
    padding: 10px;
  }

  .panel .alphabet ul li span {
    padding: 10px;
    font-weight: bold;
    text-shadow: none;
  }

  .terms {
    padding-top: 0;
  }

  .letter {
    flex-wrap: wrap;
  }

  .letter-header {
    width: 100%;
    text-align: center;
  }

  .letter-header h2 {
    font-size: 48px;
    color: #212529;
  }

  .list {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .term {
    width: 100%;
    margin-top: 30px;
    padding: 30px;
    background-color: #efe8f1;
  }
}

.term {
  margin-top: 30px;
  padding: 30px;
  background-color: #efe8f1;
}

.term-name {
  margin-right: 15px;
}

.term p {
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 0;
}


/** Glossary END **/