@charset "UTF-8";
/* ** Website Theme Child Styles ** */
/* Include @mixin styles below */
/* Add in any styling variable below */
:root {
  --body-text-color: #0f171f;
  --body-text-grey: #797c7f;
  --body-text-grey-light: #bebebe;
  --body-text-blue: #727f8b;
  --main-red: #c2050c;
  --main-blue: #0060c0;
  --main-navy: #011b35;
  --main-green: #738b4a;
  --light-green: #bad788;
  --grey-border: #eff3f6;
  --grey-border-darker: #e2e5e8;
  --light-grey: #f8fafc;
  --light-grey-75: rgba(248,250,252,0.75);
  --section-bg-grey: #dde4e9;
  --side-width: 22vw;
  --right-side-width: var(--side-width);
  --top-bar-height: 100px;
  --top-bar-height-scrolled: 70px;
  --top-bar-spacing: 100px;
  --slideout-speed: 0.3s;
  --header-scroll-speed: 0.3s;
  --mobile-lower-bar-height: 50px;
  --padding-sml: 0.5rem;
  --padding-reg: 1rem;
  --padding-lrg: 2rem;
  --margin-sml: var(--padding-sml);
  --margin-reg: var(--padding-reg);
  --margin-lrg: var(--padding-lrg);
  --body-font: noto-sans, sans-serif;
  --heading-font: titillium-web, sans-serif;
  --line-height-reg: 1.6;
  --font-smallest: 0.75rem;
  --font-small: 0.85rem;
  --font-reg: 1rem;
  --font-lrg: 1.5rem;
  --font-h1: 2.4rem;
  --font-h2: 2.1rem;
  --font-h3: 1.8rem;
  --font-h4: 1.1rem;
  --input-height: 2.5rem;
  --btn-square-size-reg: 3.5rem;
  --btn-square-size-sml: 3rem;
  --btn-square-font-size: 1.2rem;
  --border-width-sml: 2px;
  --border-width-reg: 5px;
  --border-width-lrg: 8px;
  --border-radius-reg: 1rem;
  --border-radius-sml: 0.5rem;
  --border-radius-min: 0.25rem;
  --focus-box-shadow: 0 0 0 0.4rem var(--light-grey-75);
}
@media only screen and (max-width: 1399.98px) {
  :root {
    --side-width: 26vw;
  }
}
@media only screen and (max-width: 1099.98px) {
  :root {
    --side-width: 50vw;
    --slideout-speed: 0.5s;
  }
}
@media only screen and (max-width: 759.98px) {
  :root {
    --side-width: 100vw;
    --right-side-width: 94vw;
    --top-bar-height: 70px;
    --top-bar-spacing: var(--top-bar-height);
    --slideout-speed: 0.7s;
  }
}
@media only screen and (max-width: 1099.98px) {
  :root {
    --padding-reg: 0.85rem;
    --padding-lrg: 1.5rem;
  }
}
@media only screen and (max-width: 759.98px) {
  :root {
    --padding-lrg: 1.3rem;
  }
}
@media only screen and (max-width: 1099.98px) {
  :root {
    --btn-square-size-reg: 3.2rem;
  }
}
@media only screen and (max-width: 759.98px) {
  :root {
    --btn-square-size-reg: 2.8rem;
    --btn-square-size-sml: 2.8rem;
  }
}
/* ** Child Theme Font Styles ** */
/* Link colors */
.um a.um-link, .um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
  color: var(--main-blue) !important;
}
.um a.um-link:hover, .um a.um-link-hvr:hover {
  color: var(--main-blue) !important;
}
/* Button colors */
.um .um-field-group-head, .picker__box, .picker__nav--prev:hover, .picker__nav--next:hover, .um .um-members-pagi span.current, .um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a, .um .um-profile-nav-item.active a:hover, .upload, .um-modal-header, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover, .um .um-button, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active, .um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um input[type=submit]:disabled:hover {
  background: var(--main-blue) !important;
}
.um .um-field-group-head:hover, .picker__footer, .picker__header, .picker__day--infocus:hover, .picker__day--outfocus:hover, .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted, .picker__list-item:hover, .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted, .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected, .um .um-button:hover, .um a.um-button:hover, .um input[type=submit].um-button:hover {
  background: var(--main-blue) !important;
}
/* Button alt colors */
.um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
  background: #eeeeee !important;
}
.um .um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:hover {
  background: #e5e5e5 !important;
}
.owl-carousel .owl-stage-outer, .owl-carousel .owl-stage, .owl-carousel .owl-item {
  height: 100%;
}
.owl-carousel .owl-dots {
  position: absolute;
  left: 50%;
  bottom: 2em;
  display: flex;
  transform: translateX(-50%);
}
.owl-carousel .owl-dots .owl-dot {
  width: 2.2em;
  height: 5px;
  border-radius: #fff;
  background-color: #fff;
  margin: 2px;
  opacity: 0.3;
}
.owl-carousel .owl-dots .owl-dot.active {
  opacity: 1;
}
/* *****************************************
 * GENERAL */
html {
  font-size: 14px;
}
@media only screen and (min-width: 760px) {
  html {
    font-size: 16px;
  }
}
body {
  margin: 0;
  width: 100%;
  text-align: left;
  position: relative;
  color: var(--body-text-color);
  font-family: var(--body-font);
  font-weight: 400;
  font-size: var(--font-reg);
  line-height: var(--line-height-reg);
}
body.admin-bar .page-top-header, body.admin-bar .sidebar-maguire-logo, body.admin-bar .right-sidebar {
  top: 32px;
}
.body-wrap {
  display: flex;
  min-width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}
*, ::after, ::before {
  box-sizing: border-box;
}
.d-none {
  display: none !important;
}
.dev-note {
  background-color: #fef8e6;
}
body:not(.dev-ip) .dev-note {
  display: none;
}
.img-placeholder {
  display: block;
  background-color: #f0f2f5;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.img-placeholder:before {
  content: "";
  display: block;
  padding-bottom: 120%;
}
.img-placeholder:after {
  content: "";
  position: absolute;
  top: 1rem;
  left: 1rem;
  bottom: 1rem;
  right: 1rem;
  background: linear-gradient(to bottom right, transparent calc(50% - 2px), #c7c9cc calc(50% - 2px), #c7c9cc 50%, transparent 50%);
  opacity: 0.25;
}
.img-placeholder.imgp-1 {
  max-width: 450px;
}
/* *****************************************
 * TYPOGRAPHY */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin: 0 0 var(--margin-reg);
  font-family: var(--heading-font);
  font-weight: 600;
}
h1, .h1 {
  font-size: var(--font-h1);
}
h2, .h2 {
  font-size: var(--font-h2);
}
h3, .h3 {
  font-size: var(--font-h3);
}
h4, .h4 {
  font-size: var(--font-h4);
}
p {
  margin: 0 0 var(--margin-reg);
}
ul, ol {
  margin: var(--margin-reg) 0;
  padding: 0 0 0 var(--padding-lrg);
}
hr {
  border: none;
  border-top: var(--border-width-sml) solid var(--grey-border);
  margin: var(--margin-lrg) 0;
}
/* *****************************************
 * links */
a {
  color: var(--main-blue);
}
/* *****************************************
 * BUTTONS */
button, .button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: var(--border-width-sml) solid var(--grey-border);
  padding: var(--padding-sml) var(--padding-reg);
  margin-bottom: var(--margin-reg);
  text-align: center;
  font-family: var(--heading-font);
  font-weight: 600;
  line-height: 1.4;
  background-color: transparent;
  color: var(--main-blue);
  border-radius: 5rem;
  text-decoration: none;
}
button.btn-blue, .button.btn-blue {
  background-color: var(--main-blue);
  border-color: var(--main-blue);
  color: #fff;
}
button.btn-light, .button.btn-light {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}
button > i, .button > i {
  padding-right: var(--padding-sml);
}
button > span + i, .button > span + i {
  padding-right: 0;
  padding-left: var(--padding-sml);
}
.um input[type="submit"].um-button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: var(--border-width-sml) solid var(--grey-border) !important;
  padding: var(--padding-sml) var(--padding-reg) !important;
  margin-bottom: var(--margin-reg) !important;
  text-align: center !important;
  font-family: var(--heading-font) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  background-color: transparent !important;
  color: var(--main-blue) !important;
  border-radius: 5rem !important;
  text-decoration: none !important;
  background-color: var(--main-blue) !important;
  border-color: var(--main-blue) !important;
  color: #fff !important;
}
.button-box {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: var(--border-width-sml) solid var(--grey-border);
  padding: var(--padding-sml) var(--padding-reg);
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  color: var(--body-text-color);
  font-family: var(--heading-font);
  font-weight: 600;
  line-height: 1.4;
}
.button-box:hover {
  color: var(--main-blue);
}
.button-box:focus, .button-box.active {
  color: var(--main-blue);
  box-shadow: var(--focus-box-shadow);
}
.button-box.btn-blue {
  background-color: var(--main-blue);
  border-color: var(--main-blue);
  color: #fff;
}
.button-box.btn-squ {
  width: var(--btn-square-size-reg);
  height: var(--btn-square-size-reg);
  padding: 0;
}
.button-box.btn-squ > span > i {
  font-size: var(--btn-square-font-size);
}
.button-box.btn-squ-sml {
  width: var(--btn-square-size-sml);
  height: var(--btn-square-size-sml);
  padding: 0;
}
.button-box > i {
  padding-right: var(--padding-sml);
}
.button-box > span + i {
  padding-right: 0;
  padding-left: var(--padding-sml);
}
.button-area {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--margin-reg);
}
.button-area button + button, .button-area button + .button, .button-area button + .button-box, .button-area .button + button, .button-area .button + .button, .button-area .button + .button-box, .button-area .button-box + button, .button-area .button-box + .button, .button-area .button-box + .button-box {
  margin-left: var(--margin-reg);
}
/* *****************************************
 * BADGES */
.badge {
  border-radius: var(--border-radius-min);
  background-color: var(--main-blue);
  padding: 0 var(--padding-sml);
  color: #fff;
  text-transform: uppercase;
  font-size: var(--font-smallest);
  font-family: var(--heading-font);
  font-weight: 600;
}
/* *****************************************
 * FORMS */
body input:-webkit-autofill, body input:-webkit-autofill:hover, body input:-webkit-autofill:focus, body textarea:-webkit-autofill, body textarea:-webkit-autofill:hover, body textarea:-webkit-autofill:focus, body select:-webkit-autofill, body select:-webkit-autofill:hover, body select:-webkit-autofill:focus, body .um .um-form input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: var(--body-text-color);
}
.toggle-area {
  display: flex;
  align-items: center;
}
.toggle-area span + .toggle-button {
  margin-left: var(--margin-sml);
}
.toggle-area .toggle-button + span {
  margin-right: var(--margin-sml);
}
.toggle-button {
  position: relative;
  width: 4rem;
  height: 2rem;
  margin: 0;
  overflow: hidden;
  border-radius: 2rem;
  border: var(--border-width-sml) solid var(--grey-border);
}
.toggle-button .knobs, .toggle-button .layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.toggle-button .knobs {
  z-index: 2;
}
.toggle-button .knobs:before {
  --knob-size: calc(2rem - calc(var(--border-width-sml) * 2));
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--knob-size);
  height: var(--knob-size);
  line-height: var(--knob-size);
  color: #fff;
  font-family: "mag-icons";
  font-size: var(--font-small);
  text-align: center;
  background-color: var(--main-green);
  border-radius: 50%;
  transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
}
.toggle-button .layer {
  width: 100%;
  background-color: #fff;
  transition: 0.3s ease all;
  z-index: 1;
  border-radius: 100px;
}
.toggle-button .checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}
.toggle-button .checkbox:active + .knobs:before {
  width: 2.25rem;
  border-radius: 3rem;
}
.toggle-button .checkbox:checked:active + .knobs:before {
  margin-left: calc(-0.25rem - calc(var(--border-width-sml) * 2));
}
.toggle-button .checkbox:checked + .knobs:before {
  content: "";
  left: 2rem;
  background-color: var(--section-bg-grey);
  color: var(--main-red);
}
.toggle-button .checkbox:checked ~ .layer {
  background-color: var(--light-grey);
}
.toggle-button .checkbox.disabled {
  pointer-events: none;
}
.toggle-button .checkbox.disabled + .knobs {
  opacity: 0.5;
  cursor: default;
}
/* *****************************************
 * MAIN SIDEBAR */
.main-sidebar {
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  width: var(--side-width);
  background-color: var(--light-grey);
}
.main-sidebar .sidebar-maguire-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--side-width);
  height: var(--top-bar-height);
  background-color: var(--main-red);
  transition: height var(--header-scroll-speed) ease;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.main-sidebar .sidebar-maguire-logo a {
  color: #fff;
}
@media only screen and (max-width: 1099.98px) {
  .main-sidebar .sidebar-maguire-logo {
    display: none;
  }
}
.main-sidebar .sidebar-area {
  position: relative;
  z-index: 2;
  height: 100%;
  padding-top: var(--top-bar-spacing);
  background-color: var(--light-grey);
}
.main-sidebar .sidebar-nav ul.full-menu {
  list-style: none;
  padding: var(--padding-reg) var(--padding-lrg);
  margin: 0;
}
.main-sidebar .sidebar-nav ul.full-menu li {
  border-bottom: var(--border-width-sml) solid var(--grey-border);
}
.main-sidebar .sidebar-nav ul.full-menu li a {
  display: flex;
  align-items: center;
  padding: var(--padding-reg) 0;
  color: var(--body-text-color);
  font-family: var(--heading-font);
  font-weight: 600;
  text-decoration: none;
}
.main-sidebar .sidebar-nav ul.full-menu li a span {
  padding-right: var(--padding-sml);
}
.main-sidebar .sidebar-nav ul.full-menu li a i:first-of-type {
  color: var(--main-red);
  font-size: 1.2rem;
  margin-right: var(--margin-sml);
}
.main-sidebar .sidebar-nav ul.full-menu li a .menu-arrow {
  margin-left: auto;
  transition: transform 0.5s ease, color 0.25s ease;
}
.main-sidebar .sidebar-nav ul.full-menu li a:hover .menu-arrow {
  color: var(--main-red);
}
.main-sidebar .sidebar-nav ul.full-menu li a.open-sesame .menu-arrow {
  transform: rotate(-180deg);
  color: var(--main-red);
}
.main-sidebar .sidebar-nav ul.full-menu.second-menu {
  padding-top: 0;
}
.main-sidebar .sidebar-menu-heading, .main-sidebar .sidebar-menu-heading-full {
  margin: 0;
  padding: var(--padding-lrg) var(--padding-lrg) var(--padding-reg);
  font-family: var(--heading-font);
  font-weight: 600;
  color: var(--body-text-grey);
  text-transform: uppercase;
}
.main-sidebar .sidebar-menu-heading-full {
  padding-bottom: var(--padding-sml);
}
.main-sidebar .sidebar-more-menu ul {
  list-style: none;
  padding: 0 var(--padding-lrg) var(--padding-reg);
  margin: 0;
  font-family: var(--heading-font);
  font-weight: 600;
}
.main-sidebar .sidebar-more-menu ul li {
  padding: var(--padding-sml) 0;
  display: flex;
}
.main-sidebar .sidebar-more-menu ul li.hr {
  border-bottom: var(--border-width-sml) solid var(--grey-border);
  padding: 0;
  margin: var(--margin-sml) 0;
}
.main-sidebar .sidebar-more-menu ul li a {
  display: flex;
  align-items: center;
  color: var(--body-text);
  text-decoration: none;
}
.main-sidebar .sidebar-more-menu ul li a i {
  margin-right: var(--margin-sml);
  width: 1.4em;
  text-align: center;
  transition: color 0.25s ease;
}
.main-sidebar .sidebar-more-menu ul li a:hover i {
  color: var(--main-red);
}
.main-sidebar .slideout-menus {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: var(--side-width);
  background-color: #fff;
}
.main-sidebar .slideout-menus .slideout-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: var(--side-width);
  background-color: #fff;
  padding-top: var(--top-bar-spacing);
  overflow: hidden;
}
.main-sidebar .slideout-menus .slideout-menu.open {
  z-index: 1;
}
.main-sidebar .slideout-menus .slideout-menu.opening {
  z-index: 3;
}
.main-sidebar .slideout-menus .slideout-menu .sidebar-menu-close {
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
  overflow: hidden;
  width: var(--btn-square-size-reg);
  height: var(--btn-square-size-reg);
  background-color: var(--light-grey);
}
.main-sidebar .slideout-menus .slideout-menu .sidebar-menu-close .custom-menu-close {
  position: relative;
  width: 1.5em;
  height: 3px;
  border-radius: 3px;
  display: block;
  margin: auto;
  transition: var(--header-scroll-speed);
}
.main-sidebar .slideout-menus .slideout-menu .sidebar-menu-close .custom-menu-close:before, .main-sidebar .slideout-menus .slideout-menu .sidebar-menu-close .custom-menu-close:after {
  content: "";
  position: absolute;
  width: 1.5em;
  height: 3px;
  border-radius: 3px;
  background-color: var(--body-text-color);
  display: block;
  margin: auto;
  transition: var(--header-scroll-speed);
  backface-visibility: hidden;
}
.main-sidebar .slideout-menus .slideout-menu .sidebar-menu-close .custom-menu-close:before {
  transform: rotate(45deg) translateY(0px);
}
.main-sidebar .slideout-menus .slideout-menu .sidebar-menu-close .custom-menu-close:after {
  transform: rotate(-45deg) translateY(0px);
}
@media only screen and (max-width: 1099.98px) {
  .main-sidebar .slideout-menus .slideout-menu .sidebar-menu-close:not(.sidebar-menu-close-mobile) {
    display: none;
  }
}
.main-sidebar .slideout-menus .slideout-menu .sidebar-menu-close.sidebar-menu-close-mobile {
  position: relative;
  right: unset;
  top: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: var(--margin-reg) var(--margin-lrg) 0;
  text-indent: 0;
  color: var(--body-text-color);
}
.main-sidebar .slideout-menus .slideout-menu .sidebar-menu-close.sidebar-menu-close-mobile .menu-arrow {
  transform: rotate(-180deg);
}
@media only screen and (min-width: 760px) {
  .main-sidebar .slideout-menus .slideout-menu .sidebar-menu-close.sidebar-menu-close-mobile {
    display: none;
  }
}
.main-sidebar .slideout-menus .slideout-menu .slideout-view-all {
  list-style: none;
  padding: var(--padding-reg) var(--padding-lrg) var(--padding-sml);
  margin: 0;
}
.main-sidebar .slideout-menus .slideout-menu .slideout-view-all a {
  display: flex;
  align-items: center;
  padding: var(--padding-reg) 0;
  color: var(--body-text-color);
  font-family: var(--heading-font);
  font-weight: 400;
  text-decoration: none;
}
.main-sidebar .slideout-menus .slideout-menu .slideout-view-all a span {
  padding-right: var(--padding-sml);
}
.main-sidebar .slideout-menus .slideout-menu .slideout-view-all a .menu-arrow {
  margin-left: auto;
}
.main-sidebar .sidebar-menu-sub {
  padding-top: var(--padding-reg);
}
.main-sidebar .sidebar-menu-sub > p {
  color: var(--main-red);
  font-family: var(--heading-font);
  font-weight: 600;
  padding: var(--padding-sml) var(--padding-lrg);
  margin: 0;
}
.main-sidebar .sidebar-menu-sub ul {
  list-style: none;
  margin: 0;
  padding: 0 0 var(--padding-sml);
}
.main-sidebar .sidebar-menu-sub ul li {
  padding: 0 var(--padding-lrg);
  transition: background-color 0.5s;
}
.main-sidebar .sidebar-menu-sub ul li a {
  display: flex;
  align-items: center;
  padding: var(--padding-sml) 0;
  color: var(--body-text-color);
  text-decoration: none;
  font-family: var(--heading-font);
}
.main-sidebar .sidebar-menu-sub ul li a > span {
  font-size: var(--font-small);
}
.main-sidebar .sidebar-menu-sub ul li a .menu-arrow {
  margin-left: auto;
  transition: transform 0.5s ease;
}
.main-sidebar .sidebar-menu-sub ul li.active {
  background-color: var(--light-grey-75);
}
.main-sidebar .sidebar-menu-sub ul li.active .menu-arrow {
  transform: rotate(-180deg);
}
.main-sidebar .sidebar-menu-sub ul ul {
  display: none;
}
.main-sidebar .sidebar-menu-sub ul ul li {
  padding: 0;
}
@media only screen and (max-width: 1099.98px) {
  .main-sidebar {
    position: fixed;
    height: 100dvh;
    left: calc(var(--side-width) * -1);
    transition: left var(--slideout-speed) ease;
  }
  .was-open-desktop .main-sidebar {
    transition: none;
  }
  .menu-open .main-sidebar {
    left: 0;
  }
  .main-sidebar .sidebar-area {
    padding-top: var(--top-bar-height);
    transition: all var(--header-scroll-speed) ease;
  }
  .main-sidebar .sidebar-nav {
    max-height: 100%;
    overflow-y: auto;
    scrollbar-color: var(--grey-border-darker) var(--light-grey);
    scrollbar-width: thin;
    transition: all var(--slideout-speed) ease;
  }
  .main-sidebar .sidebar-nav::-webkit-scrollbar {
    width: 10px;
  }
  .main-sidebar .sidebar-nav::-webkit-scrollbar-track {
    background-color: var(--light-grey);
    border-radius: 10px;
  }
  .main-sidebar .sidebar-nav::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 1px solid transparent;
    background-clip: content-box;
    background-color: var(--grey-border-darker);
  }
  .main-sidebar .slideout-menus .slideout-menu {
    padding-top: var(--top-bar-height);
    transition: padding var(--header-scroll-speed) ease;
  }
  .was-open-desktop .main-sidebar .slideout-menus .slideout-menu {
    transition: none;
  }
}
@media only screen and (max-width: 1099.98px) and (max-width: 759.98px) {
  .main-sidebar .slideout-menus .slideout-menu {
    padding-bottom: var(--mobile-lower-bar-height);
  }
}
@media only screen and (max-width: 1099.98px) and (max-width: 1099.98px) {
  .main-sidebar .slideout-menus .slideout-menu .slideout-menu-inner {
    padding-bottom: var(--padding-lrg);
    max-height: 100%;
    overflow-y: auto;
    scrollbar-color: var(--grey-border) #fff;
    scrollbar-width: thin;
  }
  .main-sidebar .slideout-menus .slideout-menu .slideout-menu-inner::-webkit-scrollbar {
    width: 10px;
  }
  .main-sidebar .slideout-menus .slideout-menu .slideout-menu-inner::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 10px;
  }
  .main-sidebar .slideout-menus .slideout-menu .slideout-menu-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 1px solid transparent;
    background-clip: content-box;
    background-color: var(--grey-border);
  }
}
@media only screen and (max-width: 759.98px) {
  .main-sidebar .sidebar-area {
    padding-bottom: var(--mobile-lower-bar-height);
  }
  .main-sidebar .sidebar-nav {
    padding-bottom: var(--padding-lrg);
  }
  .main-sidebar .slideout-menus {
    z-index: 5;
    left: -100vw;
  }
}
/* *****************************************
 * RIGHT SIDEBAR */
.right-sidebar {
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  z-index: 8;
  width: var(--right-side-width);
}
.right-sidebar .right-sidebar-slideout {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  width: var(--right-side-width);
  background-color: #fff;
  padding-top: var(--top-bar-height);
  border-left: var(--border-width-sml) solid var(--grey-border);
  transition: padding var(--header-scroll-speed) ease;
}
.right-sidebar .right-sidebar-slideout.open {
  z-index: 1;
  box-shadow: var(--focus-box-shadow);
}
.right-sidebar .right-sidebar-slideout.opening {
  z-index: 3;
  box-shadow: var(--focus-box-shadow);
}
@media only screen and (max-width: 759.98px) {
  .right-sidebar .right-sidebar-slideout {
    padding-bottom: var(--mobile-lower-bar-height);
  }
}
.right-sidebar .right-sidebar-head {
  padding: var(--padding-reg) var(--padding-reg) 0;
}
.right-sidebar .right-sidebar-head .right-sidebar-close {
  display: flex;
  align-items: center;
  justify-content: center;
  text-indent: -9999px;
  overflow: hidden;
  width: var(--btn-square-size-reg);
  height: var(--btn-square-size-reg);
  background-color: var(--light-grey);
}
.right-sidebar .right-sidebar-head .right-sidebar-close .custom-menu-close {
  position: relative;
  width: 1.5em;
  height: 3px;
  border-radius: 3px;
  display: block;
  margin: auto;
  transition: var(--header-scroll-speed);
}
.right-sidebar .right-sidebar-head .right-sidebar-close .custom-menu-close:before, .right-sidebar .right-sidebar-head .right-sidebar-close .custom-menu-close:after {
  content: "";
  position: absolute;
  width: 1.5em;
  height: 3px;
  border-radius: 3px;
  background-color: var(--body-text-color);
  display: block;
  margin: auto;
  transition: var(--header-scroll-speed);
  backface-visibility: hidden;
}
.right-sidebar .right-sidebar-head .right-sidebar-close .custom-menu-close:before {
  transform: rotate(45deg) translateY(0px);
}
.right-sidebar .right-sidebar-head .right-sidebar-close .custom-menu-close:after {
  transform: rotate(-45deg) translateY(0px);
}
.right-sidebar .right-sidebar-body {
  padding: var(--padding-reg);
}
.slideout-scroll {
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  scrollbar-color: var(--grey-border) #fff;
  scrollbar-width: thin;
}
@media only screen and (max-width: 759.98px) {
  .slideout-scroll {
    padding-bottom: var(--padding-lrg);
  }
}
.slideout-scroll::-webkit-scrollbar {
  width: 10px;
}
.slideout-scroll::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}
.slideout-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: 1px solid transparent;
  background-clip: content-box;
  background-color: var(--grey-border);
}
.side-search-area {
  --search-mg-size: 2.8rem;
  margin-left: auto;
}
.side-search-area form {
  display: flex;
  position: relative;
}
.side-search-area form > input[name="s"] {
  border: var(--border-width-sml) solid var(--grey-border);
  border-radius: 4rem;
  padding: 0 var(--search-mg-size) 0 var(--padding-reg);
  height: var(--search-mg-size);
  width: 100%;
}
.side-search-area form .nav-search-submit {
  position: absolute;
  top: 0;
  right: 0;
  height: var(--search-mg-size);
  width: var(--search-mg-size);
  padding: 0;
  margin: 0;
  text-align: center;
  background: transparent;
  color: var(--main-red);
  border: none;
}
.side-search-area form .nav-search-submit i {
  font-size: var(--btn-square-font-size);
}
/* *****************************************
 * PAGE AREA - TOP */
.top-account-display {
  display: flex;
  align-items: center;
  width: 100%;
  margin: auto 0;
  padding: var(--padding-sml) var(--padding-reg);
}
@media only screen and (min-width: 760px) {
  .top-account-display {
    padding: var(--padding-sml) var(--padding-lrg);
  }
}
@media only screen and (min-width: 760px) {
  .top-account-display .button-box, .top-account-display .mobile-menu-trigger {
    --btn-square-size-adjust: var(--btn-square-size-reg);
    height: var(--btn-square-size-adjust);
    transition: height 0.3s;
    margin-left: var(--margin-reg);
  }
  .page-scrolled .top-account-display .button-box, .page-scrolled .top-account-display .mobile-menu-trigger {
    --btn-square-size-adjust: calc( var(--btn-square-size-reg) * 0.8 );
  }
}
@media only screen and (max-width: 759.98px) {
  .top-account-display .nav-search-btn {
    margin-left: auto;
    border: none;
    color: var(--main-red);
    background-color: transparent;
  }
  .top-account-display .nav-search-btn > span > i {
    font-size: 1.4rem;
  }
  .top-account-display .nav-search-btn.active {
    box-shadow: none;
  }
}
.top-account-display .header-profile-dropdown {
  flex-shrink: 0;
  margin-right: auto;
}
@media only screen and (max-width: 759.98px) {
  .top-account-display .header-profile-dropdown {
    order: 2;
    position: relative;
    margin-left: var(--margin-reg);
    margin-right: 0;
  }
  .top-account-display .header-profile-dropdown .dropdown-box {
    right: 0;
  }
}
.top-account-display .header-profile-details {
  display: flex;
  align-items: center;
}
.top-account-display .header-profile-details > a {
  --header-profile-size: 4.2rem;
  flex-shrink: 0;
  position: relative;
  display: block;
  width: var(--header-profile-size);
  height: var(--header-profile-size);
  border-radius: 50%;
  border: var(--border-width-sml) solid var(--grey-border);
  transition: all var(--header-scroll-speed);
}
.page-scrolled .top-account-display .header-profile-details > a {
  --header-profile-size: 3rem;
}
@media only screen and (max-width: 759.98px) {
  .top-account-display .header-profile-details > a {
    --header-profile-size: 3rem;
  }
}
.top-account-display .header-profile-details > a span {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  border: var(--border-width-sml) solid #fff;
}
.top-account-display .header-profile-details > a i {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -0.3rem;
  right: -0.3rem;
  background-color: var(--main-navy);
  color: #fff;
  border-radius: 50%;
  font-size: var(--font-smallest);
  width: 1.25rem;
  height: 1.25rem;
  transition: 0.3s;
}
@media only screen and (min-width: 760px) {
  .top-account-display .header-profile-details > a i {
    bottom: 0;
    right: 0;
  }
}
.top-account-display .header-profile-details > a img {
  width: 100%;
  height: auto;
}
.top-account-display .header-profile-details .header-profile-welcome {
  margin-left: var(--margin-reg);
}
@media only screen and (max-width: 1099.98px) {
  .top-account-display .header-profile-details .header-profile-welcome {
    display: none;
  }
}
.top-account-display .header-profile-details .header-profile-welcome p {
  margin: 0;
}
.top-account-display .header-profile-details .header-profile-welcome p:first-of-type {
  font-family: var(--heading-font);
  font-weight: 600;
}
.top-account-display .header-profile-details .header-profile-welcome p:last-of-type {
  font-size: var(--font-smallest);
}
.top-account-display .dropdown-area.active .header-profile-details > a {
  box-shadow: var(--focus-box-shadow);
}
.top-account-display .dropdown-area.active .header-profile-details > a i {
  transform: rotate(-180deg);
}
.top-account-display .top-account-buttons {
  display: flex;
}
.top-account-display .top-account-buttons .top-account-button {
  position: relative;
}
.top-account-display .top-account-buttons .top-account-button.circle-mark > span:after {
  content: "";
  position: absolute;
  top: -0.3rem;
  right: -0.3rem;
  width: 0.75rem;
  height: 0.75rem;
  background: var(--main-red);
  border-radius: 50%;
}
@media only screen and (max-width: 759.98px) {
  .top-account-display .top-account-buttons .top-account-button.circle-mark > span {
    position: relative;
  }
}
.top-account-display .top-account-buttons .bulk-download-btn:not([data-count="0"]) > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 760px) {
  .top-account-display .top-account-buttons .bulk-download-btn:not([data-count="0"]) {
    padding: 0 var(--padding-reg) 0 var(--padding-sml);
    width: unset;
  }
}
.top-account-display .top-account-buttons .bulk-download-btn #bulk-count span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: var(--margin-sml);
  font-size: 0.75rem;
  text-align: center;
  background-color: var(--main-blue);
  color: #fff;
  border-radius: 50%;
}
.top-account-display .top-account-buttons .bulk-download-btn #bulk-count span.bulk-0 {
  display: none;
}
@media only screen and (max-width: 759.98px) {
  .top-account-display .top-account-buttons {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: var(--mobile-lower-bar-height);
    background-color: var(--light-grey);
    border-top: var(--border-width-sml) solid var(--grey-border);
  }
  .top-account-display .top-account-buttons > * {
    width: 100%;
  }
  .top-account-display .top-account-buttons .button-box {
    height: 100%;
    border: none;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--main-navy);
    background-color: transparent;
  }
  .top-account-display .top-account-buttons .button-box:not(:last-of-type) {
    border-right: var(--border-width-sml) solid var(--grey-border);
  }
  .top-account-display .top-account-buttons .button-box.active {
    box-shadow: none;
    color: var(--main-blue);
  }
}
.top-account-display .header-profile-dropdown > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--btn-square-size-reg);
  height: var(--btn-square-size-reg);
  border-radius: var(--btn-square-size-reg);
  background-color: var(--main-red);
  color: #fff;
  margin-left: var(--margin-reg);
}
.top-account-display .header-profile-dropdown > a i {
  font-size: var(--btn-square-font-size);
}
.top-account-display .header-profile-dropdown > a i:last-of-type {
  display: none;
}
.mobile-menu-trigger {
  display: flex;
  position: relative;
  text-indent: -9999px;
  width: var(--btn-square-size-reg);
  height: var(--btn-square-size-reg);
  transition: all var(--header-scroll-speed);
  z-index: 250;
  margin-left: var(--margin-reg);
  overflow: hidden;
}
.mobile-menu-trigger .custom-menu-toggle {
  position: relative;
  width: 1.5em;
  height: 3px;
  border-radius: 3px;
  background-color: var(--main-red);
  display: block;
  margin: auto;
  transition: var(--header-scroll-speed);
}
.mobile-menu-trigger .custom-menu-toggle:before, .mobile-menu-trigger .custom-menu-toggle:after {
  content: "";
  position: absolute;
  width: 1.5em;
  height: 3px;
  border-radius: 3px;
  background-color: var(--main-red);
  display: block;
  margin: auto;
  transition: var(--header-scroll-speed);
  backface-visibility: hidden;
}
.mobile-menu-trigger .custom-menu-toggle:before {
  transform: rotate(0deg) translateY(8px);
}
.mobile-menu-trigger .custom-menu-toggle:after {
  transform: rotate(0deg) translateY(-8px);
}
.menu-open .mobile-menu-trigger .custom-menu-toggle {
  background-color: rgba(255, 255, 255, 0);
}
.menu-open .mobile-menu-trigger .custom-menu-toggle:before {
  transform: rotate(45deg) translateY(0px);
}
.menu-open .mobile-menu-trigger .custom-menu-toggle:after {
  transform: rotate(-45deg) translateY(0px);
}
@media only screen and (min-width: 1100px) {
  .mobile-menu-trigger {
    display: none;
  }
}
/* *****************************************
 * PAGE AREA */
.nav-smokescreen {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  background: rgba(0, 0, 0, 0.85);
}
@media only screen and (max-width: 1099.98px) {
  .nav-smokescreen.page-smokescreen {
    display: none !important;
    opacity: 0 !important;
  }
}
@media only screen and (min-width: 1100px) {
  .nav-smokescreen.mobile-smokescreen {
    display: none !important;
    opacity: 0 !important;
  }
}
.page-area {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-width: 100%;
  padding-top: var(--top-bar-spacing);
  /* Temp */
  min-height: 200vh;
}
@media only screen and (min-width: 1100px) {
  .page-area {
    max-width: calc(100% - var(--side-width));
  }
}
@media only screen and (max-width: 759.98px) {
  .page-area {
    padding-bottom: var(--mobile-lower-bar-height);
  }
}
.page-area .page-top-header {
  display: flex;
  height: var(--top-bar-height);
  width: 100vw;
  background-color: #fff;
  border-bottom: var(--border-width-sml) solid var(--grey-border);
  transition: height var(--header-scroll-speed) ease;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 40;
}
@media only screen and (min-width: 1100px) {
  .page-area .page-top-header {
    width: calc(100% - var(--side-width));
    left: var(--side-width);
    z-index: 10;
  }
}
.page-area .header-maguire-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 15rem;
  max-width: 38vw;
  height: var(--top-bar-height);
  background-color: var(--main-red);
  transition: height var(--header-scroll-speed) ease;
}
.page-area .header-maguire-logo a {
  color: #fff;
}
@media only screen and (min-width: 760px) {
  .page-area .header-maguire-logo {
    width: 13rem;
    max-width: 35vw;
  }
}
@media only screen and (min-width: 1100px) {
  .page-area .header-maguire-logo {
    display: none;
  }
}
.page-area .page-main main {
  padding: var(--padding-lrg);
}
.page-area .page-main main section {
  padding-bottom: var(--padding-lrg);
}
.page-area .page-main main section > h4 {
  position: relative;
  text-transform: uppercase;
  padding: var(--padding-reg) 0;
  margin-bottom: calc(var(--margin-lrg) + var(--border-width-reg));
}
.page-area .page-main main section > h4:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 6rem;
  height: var(--border-width-reg);
  background-color: var(--main-red);
}
/* *****************************************
 * FOOTER */
footer {
  padding: var(--padding-lrg);
  color: var(--body-text-grey);
}
footer > .container {
  display: flex;
  flex-wrap: wrap;
  border-top: var(--border-width-lrg) solid var(--grey-border);
  padding-top: var(--padding-lrg);
}
@media only screen and (max-width: 1099.98px) {
  footer > .container {
    flex-direction: column;
    text-align: center;
  }
}
footer .footer-links {
  font-size: var(--font-small);
}
footer .footer-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer-links ul li {
  display: inline-block;
  margin: 0 var(--margin-reg) var(--margin-sml) 0;
}
@media only screen and (max-width: 1099.98px) {
  footer .footer-links ul li {
    margin: 0 var(--margin-sml) var(--margin-sml);
  }
}
footer .footer-links a {
  color: var(--body-text-grey);
  text-decoration: none;
}
footer .footer-links a:hover {
  text-decoration: underline;
}
footer .footer-bottom {
  margin-left: auto;
  font-size: var(--font-small);
}
footer .footer-bottom p {
  margin-bottom: var(--margin-sml);
}
@media only screen and (max-width: 1099.98px) {
  footer .footer-bottom {
    margin: var(--margin-reg) auto 0;
  }
}
/* *****************************************
 * CONTENT SPECIFIC STYLESHEETS */
.notifications-area {
  display: flex;
  flex-direction: column;
}
.notifications-area .user-notification-rows {
  display: flex;
  flex-direction: column;
}
.notifications-area .user-notification-rows .user-notification-row {
  margin-bottom: var(--margin-reg);
}
.notifications-area .user-notification-rows .user-notification-row > div {
  display: flex;
  border: var(--border-width-sml) solid var(--grey-border);
  padding: var(--padding-reg);
}
.notifications-area .user-notification-rows .user-notification-row > div .read-btn {
  cursor: pointer;
  padding: var(--padding-sml);
  border: var(--border-width-sml) solid var(--grey-border);
  text-align: center;
  margin-left: auto;
}
.accordion-collection .accordion-intro {
  display: flex;
  flex-wrap: wrap;
  padding: 0 var(--padding-reg) var(--padding-sml);
}
.accordion-collection .accordion-intro .accordion-control {
  margin-left: auto;
}
.accordion-collection .accordion-intro .accordion-control span {
  margin-left: var(--margin-reg);
  cursor: pointer;
}
.accordion-collection .accordion-head {
  display: flex;
  padding: var(--padding-reg);
  border-top: var(--border-width-sml) solid var(--grey-border);
}
.accordion-collection .accordion-head .accordion-head-details {
  padding-right: var(--padding-lrg);
}
.accordion-collection .accordion-head .accordion-head-details p {
  margin: 0;
}
.accordion-collection .accordion-head .accordion-open {
  margin-left: auto;
}
.accordion-collection .accordion-head .accordion-open i {
  display: inline-block;
  margin: auto;
  transition: 0.3s;
}
.accordion-collection .accordion-head.active .accordion-open i {
  transform: rotate(-180deg);
  color: var(--main-blue);
}
.accordion-collection .accordion-body {
  display: none;
  padding: var(--padding-reg) var(--padding-reg) var(--padding-lrg);
}
.dropdown-area.loading .dropdown-box {
  display: none;
}
.dropdown-area .dropdown-box {
  position: absolute;
  width: 18rem;
  max-width: calc(100vw - (var(--padding-reg) * 2));
  overflow-y: auto;
  padding: var(--padding-reg);
  margin-top: var(--margin-reg);
  border: var(--border-width-sml) solid var(--grey-border);
  background-color: #fff;
  box-shadow: var(--focus-box-shadow);
  animation-name: selectFadeInDown;
  -webkit-animation-name: selectFadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
}
.dropdown-area .dropdown-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dropdown-area .dropdown-box ul li:not(:last-of-type) {
  border-bottom: var(--border-width-sml) solid var(--grey-border);
}
.dropdown-area .dropdown-box ul li a {
  display: flex;
  align-items: center;
  padding: var(--padding-sml) 0;
  color: var(--body-text-color);
  font-family: var(--heading-font);
  font-weight: 600;
  text-decoration: none;
}
.dropdown-area.active .dropdown-box {
  display: block;
  opacity: 0;
  z-index: 5;
  animation-name: selectFadeInUp;
  -webkit-animation-name: selectFadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
}
.select-menu {
  max-width: 16rem;
}
.select-menu.loading .options {
  display: none;
}
.select-menu .select-btn {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: var(--border-width-sml) solid var(--grey-border);
  padding: 0 var(--padding-reg);
  height: var(--btn-square-size-reg);
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
}
.select-menu .select-btn i {
  margin-left: var(--margin-reg);
  transition: 0.3s;
  font-size: var(--font-smallest);
}
.select-menu .options {
  position: absolute;
  width: 330px;
  overflow-y: auto;
  max-height: 295px;
  padding: var(--padding-reg);
  margin-top: var(--margin-reg);
  border: var(--border-width-sml) solid var(--grey-border);
  background-color: #fff;
  box-shadow: var(--focus-box-shadow);
  animation-name: selectFadeInDown;
  -webkit-animation-name: selectFadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
}
.select-menu .options .option {
  display: flex;
  cursor: pointer;
  padding: var(--padding-reg);
  align-items: center;
  background-color: #fff;
}
.select-menu .options .option:hover, .select-menu .options .option.selected {
  background-color: var(--light-grey);
}
.select-menu.active .select-btn i {
  transform: rotate(-180deg);
}
.select-menu.active .options {
  display: block;
  opacity: 0;
  z-index: 5;
  animation-name: selectFadeInUp;
  -webkit-animation-name: selectFadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
}
@keyframes selectFadeInUp {
  from {
    transform: translate3d(0, 30px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    pointer-events: auto;
  }
}
@keyframes selectFadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    pointer-events: auto;
  }
  to {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    pointer-events: none;
  }
}
.resource-default-item-download .bulk-item-btn.id-added, .resource-item-download-btns .bulk-item-btn.id-added {
  background-color: var(--light-grey);
  border-color: var(--main-green);
}
.bulk-download-items {
  display: flex;
  flex-direction: column;
}
.bulk-download-items .bulk-resource {
  overflow: hidden;
  margin-bottom: var(--margin-reg);
}
.bulk-download-items .bulk-resource .bulk-resource-name {
  display: flex;
  align-items: center;
  padding: var(--padding-reg) var(--padding-sml) var(--padding-reg) var(--padding-reg);
  border: var(--border-width-sml) solid var(--grey-border);
  border-bottom: none;
  border-radius: var(--border-radius-reg) var(--border-radius-reg) 0 0;
  font-family: var(--heading-font);
  font-weight: 600;
  overflow: hidden;
}
.bulk-download-items .bulk-resource .bulk-resource-name a {
  margin: 0 var(--margin-reg) 0 0;
  color: var(--body-text-color);
}
.bulk-download-items .bulk-resource .bulk-remove, .bulk-download-items .bulk-resource .bulk-item-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  margin-left: auto;
  background-color: var(--light-grey);
  color: var(--main-red);
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.bulk-download-items .bulk-resource .bulk-item-remove {
  background-color: #fff;
}
.bulk-download-items .bulk-resource .bulk-version {
  display: flex;
  flex-direction: column;
  background-color: var(--light-grey);
  border: var(--border-width-sml) solid var(--grey-border);
  border-top: none;
  border-bottom: none;
}
.bulk-download-items .bulk-resource .bulk-version:last-of-type {
  border-radius: 0 0 var(--border-radius-reg) var(--border-radius-reg);
  border-bottom: var(--border-width-sml) solid var(--grey-border);
}
.bulk-download-items .bulk-resource .bulk-version > span {
  border-top: var(--border-width-sml) solid var(--grey-border);
  padding: var(--padding-sml) var(--padding-reg);
  font-weight: 500;
}
.bulk-download-items .bulk-resource .bulk-version span {
  font-size: var(--font-small);
}
.bulk-download-items .bulk-resource .bulk-item {
  display: flex;
  align-items: center;
  padding: var(--padding-sml) var(--padding-sml) var(--padding-sml) var(--padding-reg);
}
.resources-list .status {
  margin-bottom: var(--margin-reg);
}
.resources-list-layout {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: var(--margin-reg) var(--margin-reg);
  position: relative;
}
@media only screen and (min-width: 560px) {
  .resources-list-layout {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1400px) {
  .resources-list-layout {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.resources-loading .resources-list-layout:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.7;
}
.single-resource-wrap {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.single-resource-wrap .single-resource-details {
  flex-grow: 1;
  padding: var(--padding-reg);
  border: var(--border-width-sml) solid var(--grey-border);
  border-radius: var(--border-radius-reg) var(--border-radius-reg) 0 0;
}
.single-resource-wrap .single-resource-name h4 .badge {
  margin-right: var(--margin-sml);
}
.single-resource-wrap .single-resource-name a {
  color: var(--body-text-color);
  text-decoration: none;
}
.single-resource-wrap .single-resource-inner {
  display: flex;
}
.single-resource-wrap .single-resource-inner .single-resource-image {
  flex-grow: 1;
  padding-right: var(--padding-reg);
}
.single-resource-wrap .single-resource-inner .single-resource-text {
  width: 70%;
}
.single-resource-wrap .single-resource-inner .single-resource-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--font-small);
  color: var(--body-text-grey);
  display: grid;
  grid-template-columns: max-content auto;
}
.single-resource-wrap .single-resource-inner .single-resource-text ul li {
  margin-bottom: var(--margin-sml);
  grid-column: span 2;
  display: grid;
  grid-template-columns: subgrid;
  gap: var(--padding-reg);
}
.single-resource-wrap .single-resource-inner .single-resource-text ul li span:first-of-type {
  font-weight: 600;
}
.single-resource-wrap .resource-buttons-area {
  display: flex;
  margin-top: auto;
  min-height: 3.8rem;
  background-color: var(--light-grey);
  border-left: var(--border-width-sml) solid var(--grey-border);
  border-right: var(--border-width-sml) solid var(--grey-border);
  border-bottom: var(--border-width-sml) solid var(--grey-border);
  border-radius: 0 0 var(--border-radius-reg) var(--border-radius-reg);
  overflow: hidden;
}
.single-resource-wrap .resource-buttons-area > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-reg);
  border-right: var(--border-width-sml) solid var(--grey-border);
  cursor: pointer;
}
.single-resource-wrap .resource-buttons-area > div > span {
  padding: var(--padding-sml);
}
.single-resource-wrap .resource-buttons-area > div.id-added {
  background-color: #fff;
}
.single-resource-wrap .resource-buttons-area > div.id-added > span {
  position: relative;
}
.single-resource-wrap .resource-buttons-area > div.id-added > span:before {
  content: "";
  position: absolute;
  top: calc(var(--padding-sml) - 3px);
  right: calc(var(--padding-sml) - 3px);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--main-blue);
}
.single-resource-wrap .resource-buttons-area a {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding: var(--padding-sml) var(--padding-lrg) var(--padding-sml) var(--padding-reg);
  font-size: var(--font-small);
  font-weight: 600;
  color: var(--body-text-color);
  text-decoration: none;
}
.resources-list .filters {
  position: relative;
}
.resources-list .filters-button-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.resources-list .filters-button-group label {
  margin: 0 var(--margin-reg) var(--margin-reg) 0;
  color: var(--body-text-color);
}
.resources-list .filters-button-group label:last-child {
  margin-right: 0;
}
.resources-list .filters-button-group label > span {
  margin: auto 0;
}
.resources-list .filters-button-group label .nav-plus {
  margin-left: var(--margin-sml);
}
.resources-list .filters-button-group label .nav-plus span {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  position: relative;
  color: var(--body-text-color);
}
.resources-list .filters-button-group label .nav-plus span:before, .resources-list .filters-button-group label .nav-plus span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.75rem;
  height: 2px;
  margin: -1px 0 0 -0.4em;
  display: block;
  background-color: currentcolor;
  transition: color 0.2s, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
}
.resources-list .filters-button-group label .nav-plus span:after {
  transform: rotate(90deg);
}
.resources-list .filters-button-group label .count-added {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: var(--margin-sml);
  font-size: 0.75rem;
  text-align: center;
  background-color: var(--main-blue);
  color: #fff;
  border-radius: 50%;
}
.resources-list .filters-button-group label:hover .nav-plus span {
  color: var(--main-blue);
}
.resources-list .filters-button-group label.active {
  color: var(--main-blue);
}
.resources-list .filters-button-group label.active .nav-plus span {
  color: var(--main-blue);
}
.resources-list .filters-button-group label.active .nav-plus span:before {
  transform: rotate(-180deg);
}
.resources-list .filters-button-group label.active .nav-plus span:after {
  transform: rotate(0deg);
}
.resources-list .buttons-flex {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 0;
  z-index: 5;
  border: var(--border-width-sml) solid var(--grey-border);
  background-color: #fff;
  box-shadow: var(--focus-box-shadow);
  transition: all 0.25s;
}
.resources-list .buttons-flex.active {
  opacity: 1;
  visibility: visible;
  height: inherit;
}
.resources-list .buttons-flex .bttn-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: var(--padding-reg);
}
.resources-list .buttons-flex ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.resources-list .buttons-flex ul li {
  margin: var(--margin-sml) var(--margin-reg) var(--margin-sml) 0;
}
.resources-list .buttons-flex ul li a {
  display: block;
  padding: var(--padding-sml) var(--padding-reg);
  border: var(--border-width-sml) solid var(--grey-border);
}
.resources-list .buttons-flex ul li .button {
  margin: 0;
}
.resources-list .buttons-flex ul li.active a {
  background-color: var(--light-grey);
}
/* *****************************************
 * RESOURCE CPT */
.resource-header {
  display: flex;
  flex-wrap: wrap;
}
.resource-header .resource-title {
  padding-right: var(--padding-reg);
  margin-right: auto;
}
.resource-header .resource-save {
  padding-top: var(--padding-sml);
}
.page-area .page-main main section.section-resource-main {
  padding-bottom: 0;
}
@media (min-width: 1100px) {
  .resource-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "Col-Preview Col-Details" "Col-Preview Col-About";
  }
  .resource-main .resource-preview-image {
    grid-area: Col-Preview;
    padding-right: var(--padding-lrg);
  }
  .resource-main .resource-details {
    grid-area: Col-Details;
  }
  .resource-main .about-resource {
    grid-area: Col-About;
  }
}
.resource-main .resource-preview-image {
  padding-bottom: var(--padding-lrg);
}
.resource-main .resource-preview-box {
  background-color: var(--light-grey);
  border: var(--border-width-sml) solid var(--grey-border);
  padding: var(--padding-reg) var(--padding-lrg);
  margin-top: var(--margin-lrg);
}
.resource-main .resource-details {
  padding-bottom: var(--padding-lrg);
}
.resource-main .resource-default-item {
  display: flex;
}
.resource-main .resource-default-item .resource-type {
  width: 18%;
}
.resource-main .resource-default-item .resource-default-details {
  width: 82%;
  padding-left: var(--padding-lrg);
}
.resource-main .resource-default-item-download {
  display: flex;
  margin-top: var(--margin-lrg);
  padding: var(--padding-lrg) 0;
  border-top: var(--border-width-sml) solid var(--grey-border);
  border-bottom: var(--border-width-sml) solid var(--grey-border);
}
.resource-main .resource-default-item-download .select-menu {
  flex-grow: 1;
}
.resource-main .resource-default-item-download .resource-item-download-btns {
  display: flex;
  margin-left: auto;
}
.resource-main .resource-default-item-download .resource-item-download-btns .button-box {
  margin-left: var(--margin-reg);
}
.resource-main .about-resource {
  padding-bottom: var(--padding-lrg);
}
.resource-versions-section {
  display: flex;
  padding: var(--padding-lrg);
  background-color: var(--section-bg-grey);
}
.resource-versions-section .resource-versions {
  width: 900px;
  max-width: 100%;
  padding: var(--padding-lrg);
  margin: var(--margin-lrg) auto;
  background-color: #fff;
}
.resource-versions-section .default-row {
  background-color: var(--light-grey);
}
.resource-versions-section .accordion-head h3 span {
  font-size: 1rem;
  font-weight: normal;
  margin-left: var(--margin-reg);
}
.resource-versions-section .versions-downloader {
  display: flex;
}
.resource-versions-section .versions-downloader .resource-item-download-btns {
  display: flex;
  margin-left: auto;
}
.resource-versions-section .versions-downloader .resource-item-download-btns .button-box {
  margin-left: var(--padding-reg);
}
/* *****************************************
 * RESOURCE COLLECTION CPT */
@media (min-width: 1100px) {
  .resource-collection-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "Col-Details Col-Collection" "Col-About Col-Collection";
  }
  .resource-collection-main .resource-details {
    grid-area: Col-Details;
    margin-right: var(--margin-lrg);
  }
  .resource-collection-main .about-resource {
    grid-area: Col-About;
    margin-right: var(--margin-lrg);
  }
  .resource-collection-main .collection {
    grid-area: Col-Collection;
  }
}
.resource-collection-main .resource-details {
  display: flex;
  padding-bottom: var(--padding-lrg);
}
.resource-collection-main .resource-details .resource-type {
  width: 18%;
}
.resource-collection-main .resource-details .resource-default-details {
  width: 82%;
  padding-left: var(--padding-lrg);
}
.resource-collection-main .resource-default-item-download {
  display: flex;
  margin-top: var(--margin-lrg);
  padding: var(--padding-lrg) 0;
  border-top: var(--border-width-sml) solid var(--grey-border);
  border-bottom: var(--border-width-sml) solid var(--grey-border);
}
.resource-collection-main .resource-default-item-download .select-menu {
  flex-grow: 1;
}
.resource-collection-main .resource-default-item-download .resource-item-download-btns {
  display: flex;
  margin-left: auto;
}
.resource-collection-main .resource-default-item-download .resource-item-download-btns .button-box {
  margin-left: var(--margin-reg);
}
.resource-collection-main .about-resource {
  padding: var(--padding-lrg) 0;
  border-top: var(--border-width-sml) solid var(--grey-border);
}
.resource-collection-language {
  padding-bottom: var(--padding-lrg);
  border-bottom: var(--border-width-sml) solid var(--grey-border);
}
.resource-collection-list {
  padding-top: var(--padding-lrg);
}
.collection-default-resource {
  padding: var(--padding-reg);
  margin-bottom: var(--margin-reg);
  border: var(--border-width-sml) solid var(--grey-border);
  border-radius: var(--border-radius-reg);
}
.collection-default-resource .no-version-language, .collection-default-resource .other-version-language {
  display: none;
  color: var(--main-red);
  margin: var(--margin-sml) 0 0;
}
body .um {
  font-size: var(--font-reg);
  color: var(--body-text-grey);
  margin-bottom: var(--margin-lrg) !important;
}
body .um .um-field {
  padding: var(--padding-reg) 0 0 0;
}
body .um .um-field-label {
  margin: 0 0 var(--margin-sml) 0;
}
body .um .um-form input[type="text"], body .um .um-form input[type="search"], body .um .um-form input[type="tel"], body .um .um-form input[type="number"], body .um .um-form input[type="password"] {
  font-size: var(--font-reg) !important;
  height: var(--input-height) !important;
  padding: 0 !important;
  background-color: #fff !important;
  border-radius: 0;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: var(--border-width-sml) solid var(--grey-border) !important;
}
body .um .um-form input[type="text"]:focus, body .um .um-form input[type="search"]:focus, body .um .um-form input[type="tel"]:focus, body .um .um-form input[type="number"]:focus, body .um .um-form input[type="password"]:focus {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: var(--border-width-sml) solid var(--body-text-grey) !important;
}
body .um .um-meta-text {
  color: inherit;
  line-height: inherit;
  font-size: inherit;
}
.main-login-page {
  min-height: 100vh;
  background-color: var(--main-navy);
}
.main-login-page .login-page {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 100vh;
  padding: var(--padding-lrg);
}
.main-login-page .login-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
}
@media only screen and (min-width: 760px) {
  .main-login-page .login-panel {
    flex-direction: row;
    max-width: 800px;
    min-height: 400px;
  }
}
.main-login-page .login-welcome {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: var(--padding-lrg);
  background-color: var(--main-red);
  border-radius: var(--border-radius-sml) var(--border-radius-sml) 0 0;
  color: #fff;
}
@media only screen and (min-width: 760px) {
  .main-login-page .login-welcome {
    width: 50%;
    border-radius: var(--border-radius-sml) 0 0 var(--border-radius-sml);
  }
}
.main-login-page .login-welcome h2 {
  margin: auto 0 0;
}
.main-login-page .login-welcome h2 span {
  display: block;
}
.main-login-page .login-form-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: var(--padding-lrg);
  background-color: #fff;
  border-radius: 0 0 var(--border-radius-sml) var(--border-radius-sml);
}
@media only screen and (min-width: 760px) {
  .main-login-page .login-form-area {
    width: 50%;
    border-radius: 0 var(--border-radius-sml) var(--border-radius-sml) 0;
  }
}
.main-login-page .login-below {
  max-width: 450px;
  padding: var(--padding-lrg) var(--padding-lrg) 0;
  color: var(--body-text-blue);
}
.main-login-page .login-below p {
  margin-bottom: var(--margin-sml);
  text-align: center;
  font-size: var(--font-small);
}
.main-login-page .login-below p a {
  color: #fff;
}
@media only screen and (min-width: 760px) {
  .main-login-page .login-below {
    max-width: 800px;
  }
}
.main-login-page .um.um-login {
  margin-bottom: 0 !important;
}
.main-login-page .um .um-form .um-field-label {
  color: var(--body-text-grey);
  text-transform: uppercase;
  line-height: 1.6em;
}
.main-login-page .um .um-button, .main-login-page .um input[type="submit"].um-button {
  cursor: pointer;
  border: var(--border-width-sml) solid var(--grey-border) !important;
  padding: var(--padding-sml) var(--padding-reg) !important;
  margin-bottom: var(--margin-reg) !important;
  text-align: center !important;
  font-family: var(--heading-font) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  background-color: transparent !important;
  color: var(--main-blue) !important;
  border-radius: 5rem !important;
  text-decoration: none !important;
  background-color: var(--main-blue) !important;
  border-color: var(--main-blue) !important;
  color: #fff !important;
  width: 100% !important;
  max-width: 250px !important;
  min-width: unset !important;
  text-transform: uppercase !important;
  border-radius: 3rem !important;
  margin-top: var(--margin-reg);
}
.main-login-page .um a.um-link-alt {
  font-size: var(--font-small);
}
.main-login-page .show-password-position {
  position: relative;
}
.main-login-page .show-password-position #um-field-show-passwords-login {
  display: flex;
  align-items: center;
  position: absolute;
  top: calc(var(--padding-reg) + 1.6em + var(--margin-sml));
  right: 0;
  z-index: 1;
  height: calc(var(--input-height) - var(--border-width-sml));
  text-align: right;
  padding: 0 var(--padding-sml);
  cursor: pointer;
  color: var(--body-text-grey-light);
}
.main-login-page .show-password-position #um-field-show-passwords-login:hover {
  color: var(--body-text-grey);
}
.main-login-page .back-link {
  margin-top: auto;
  font-size: var(--font-small);
  color: var(--main-red);
  text-decoration: none;
  font-weight: 500;
}
.sidebar-account-nav {
  background-color: var(--grey-border);
}
.sidebar-account-nav p.sidebar-menu-heading {
  padding-top: var(--padding-reg);
}
.sidebar-account-nav .sidebar-more-menu ul li.hr {
  border-color: var(--grey-border-darker);
}
.resource-download-rows .resource-download-row {
  padding: var(--padding-reg);
  margin-bottom: var(--margin-reg);
  border: var(--border-width-sml) solid var(--grey-border);
}
.resource-download-rows .resource-download-row .download-resource {
  display: flex;
  align-items: flex-start;
}
.resource-download-rows .resource-download-row .download-resource-title {
  padding-right: var(--padding-reg);
}
.resource-download-rows .resource-download-row .download-resource-title a {
  color: var(--main-blue);
}
.resource-download-rows .resource-download-row .download-resource-status {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: auto;
}
.resource-download-rows .resource-download-row .download-resource-status .toggle-area {
  margin-bottom: var(--margin-reg);
}
.resource-download-rows .resource-download-row .download-resource-status .badge {
  cursor: pointer;
}
.resource-download-rows .resource-download-row .download-resource-status .badge.status-read {
  background-color: var(--grey-border);
  color: var(--body-text-grey);
}
.resource-download-rows .resource-download-row .download-resource-status .badge.status-read, .resource-download-rows .resource-download-row .download-resource-status .badge.no-notifications {
  cursor: default;
  background-color: var(--light-grey);
  color: var(--body-text-grey);
}
.resource-download-rows .resource-download-row .download-resource-status .button-box {
  margin-left: var(--margin-reg);
}
.resource-download-rows .resource-download-row .download-resource-status .button-box.update-user {
  background-color: var(--main-green);
  color: #fff;
}
.resource-download-rows .resource-download-row .download-resource-status .button-box.update-user[data-update_user="0"] {
  background-color: var(--main-red);
}
.resource-download-rows .resource-download-row .download-resource-status .button-box.status-unread {
  background-color: var(--main-blue);
}
.resource-download-rows .resource-download-row .download-resource-status .button-box.status-read, .resource-download-rows .resource-download-row .download-resource-status .button-box.no-notifications {
  cursor: default;
  background-color: var(--light-grey);
}
.resource-download-rows .resource-download-row .download-resource-status .button-box.disabled {
  opacity: 0.4;
  cursor: default;
}
body div.um-profile .um-header.no-cover {
  display: flex;
  padding-bottom: var(--padding-lrg);
}
body div.um-profile .um-header.no-cover .um-profile-edit {
  order: 3;
  flex-shrink: 0;
  position: relative;
  top: 0;
  z-index: unset;
  width: var(--btn-square-size-reg);
  height: var(--btn-square-size-reg);
  line-height: var(--btn-square-size-reg);
  background-color: var(--light-grey);
  margin: 0 0 0 var(--margin-lrg);
}
body div.um-profile .um-header.no-cover .um-profile-edit > a {
  color: var(--body-text-color);
  font-size: 1.66rem;
  line-height: inherit;
  display: block;
  text-align: center;
}
body div.um-profile .um-header.no-cover .um-profile-edit > a:hover, body div.um-profile .um-header.no-cover .um-profile-edit > a.active {
  color: var(--main-red);
}
body div.um-profile .um-header.no-cover .um-profile-edit > a i {
  font-size: inherit;
}
body div.um-profile .um-header.no-cover .um-profile-photo {
  --profile-width: 150px;
  --profile-img-size: 140px;
  flex-shrink: 0;
  order: 1;
  width: var(--profile-width) !important;
  margin: 0 !important;
}
body div.um-profile .um-header.no-cover .um-profile-photo a.um-profile-photo-img {
  top: auto !important;
  width: var(--profile-img-size) !important;
  height: var(--profile-img-size) !important;
  border: var(--border-width-sml) solid var(--grey-border) !important;
}
@media only screen and (max-width: 759.98px) {
  body div.um-profile .um-header.no-cover .um-profile-photo {
    --profile-width: 18vw;
    --profile-img-size: calc(18vw - (var(--border-width-sml) * 2));
  }
}
body div.um-profile .um-header.no-cover .um-profile-meta {
  flex-grow: 1;
  order: 2;
  padding-left: var(--padding-lrg) !important;
  text-align: left !important;
}
body div.um-profile .um-header.no-cover .um-name a {
  font-family: var(--heading-font);
  font-size: var(--font-lrg);
  font-weight: 600;
}
body div.um-profile .um-header.no-cover .um-meta-text {
  margin: var(--margin-sml) 0 0 0;
  padding: 0;
}
.main-carousel {
  display: flex;
  width: 100%;
}
@media only screen and (min-width: 760px) {
  .main-carousel {
    padding: var(--padding-lrg) var(--padding-lrg) 0;
  }
}
.main-carousel .main-carousel-area {
  width: 100%;
  background-color: var(--main-navy);
}
.main-carousel .main-carousel-slide {
  display: flex;
  height: 100%;
  min-height: 50vh;
  padding: var(--padding-lrg);
  background-color: var(--main-navy);
  color: #fff;
}
.main-carousel .main-carousel-slide-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: center;
  width: 50%;
  padding: var(--padding-lrg);
}
.main-carousel .main-carousel-slide-text .slide-sub-title span {
  color: var(--light-green);
}
.main-carousel .main-carousel-slide-text .button {
  margin-top: 2em;
}
/* POSTS */
.news-post-slider {
  display: flex;
  padding: var(--padding-reg) 0;
  overflow-x: scroll;
  max-height: 100%;
  overflow-y: auto;
  scrollbar-color: var(--grey-border) #fcfcfc;
  scrollbar-width: thin;
}
.news-post-slider::-webkit-scrollbar {
  width: 10px;
}
.news-post-slider::-webkit-scrollbar-track {
  background-color: #fcfcfc;
  border-radius: 10px;
}
.news-post-slider::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: 1px solid transparent;
  background-clip: content-box;
  background-color: var(--grey-border);
}
@media only screen and (max-width: 559.98px) {
  .news-post-slider {
    margin: 0 calc(0px - var(--padding-lrg));
    padding-right: var(--padding-lrg);
    padding-left: var(--padding-lrg);
  }
}
.news-post-slider .news-post-box {
  flex-shrink: 0;
  width: 75%;
  margin-right: var(--margin-lrg);
}
@media only screen and (min-width: 560px) {
  .news-post-slider .news-post-box {
    width: calc(50% - var(--margin-lrg) + (var(--margin-lrg) / 2));
  }
}
@media only screen and (min-width: 760px) {
  .news-post-slider .news-post-box {
    width: calc(33.33% - var(--margin-lrg) + (var(--margin-lrg) / 3));
  }
}
@media only screen and (min-width: 1400px) {
  .news-post-slider .news-post-box {
    width: calc(25% - var(--margin-lrg) + (var(--margin-lrg) / 4));
  }
}
.news-post-slider .news-post-box:last-of-type {
  margin-right: 0;
}
.news-post-slider .news-post-box-image {
  position: relative;
  border-radius: var(--border-radius-sml);
  overflow: hidden;
}
.news-post-slider .news-post-box-text {
  padding: var(--padding-sml) 0;
}
.news-post-slider .news-post-box-text p {
  font-size: var(--font-small);
  font-weight: 500;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: calc(1em * var(--line-height-reg));
}
.news-post-slider .news-post-box-text .news-post-box-meta {
  font-size: var(--font-smallest);
}
.news-post-slider .news-post-box-text .news-post-box-meta div {
  margin-top: var(--margin-sml);
}
.news-post-slider .news-post-box-text .news-post-box-meta div.read-time {
  margin: 0;
  color: var(--body-text-grey);
}
.news-post-slider .imgp-4:before {
  padding-bottom: 60%;
}
/* RESOURCE SLIDER */
.resource-slider {
  display: flex;
  padding: var(--padding-reg) 0;
  overflow-x: scroll;
  max-height: 100%;
  overflow-y: auto;
  scrollbar-color: var(--grey-border) #fcfcfc;
  scrollbar-width: thin;
}
.resource-slider::-webkit-scrollbar {
  width: 10px;
}
.resource-slider::-webkit-scrollbar-track {
  background-color: #fcfcfc;
  border-radius: 10px;
}
.resource-slider::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: 1px solid transparent;
  background-clip: content-box;
  background-color: var(--grey-border);
}
@media only screen and (max-width: 559.98px) {
  .resource-slider {
    margin: 0 calc(0px - var(--padding-lrg));
    padding-right: var(--padding-lrg);
    padding-left: var(--padding-lrg);
  }
}
.resource-slider .single-resource-wrap {
  flex-shrink: 0;
  width: 94%;
  margin-right: var(--margin-reg);
}
.resource-slider .single-resource-wrap:last-of-type {
  margin-right: 0;
}
@media only screen and (min-width: 560px) {
  .resource-slider .single-resource-wrap {
    width: calc(50% - var(--margin-reg) + (var(--margin-reg) / 2));
  }
}
@media only screen and (min-width: 1400px) {
  .resource-slider .single-resource-wrap {
    width: calc(33.33% - var(--margin-reg) + (var(--margin-reg) / 3));
  }
}
.resource-slider .dev-note {
  display: none;
}