@import url("podpage_styles.4f592aa6440c.css");

/* GENERAL STYLES */
.body-wrap {
  background-color: transparent;
}

.main-content {
  min-height: 450px;
}

/* Cards & Quotes */
.card-group {
  column-gap: 20px !important;
}

.quote-block {
  background: var(--grey-50);
  border-left: 4px solid var(--brand-100);
  color: var(--grey-600);
  padding: 10px;
}

/* Text Colors */
.heading:not(a), .display, .section-title .section-title-inner, h1, h2, h3, h4, h5, h6 {
  color: var(--black) !important;
}

/* FONT SIZES */
p,
p.text-lg, p.text-md, p.text-sm,
.text-lg, .text-md, .text-sm {
  line-height: 1.5 !important;
}

.text-lg, .label-lg, .btn {
  font-size: 16px !important;
}

.text-md, .label-md, .btn-sm, .badge {
  font-size: 14px !important;
}

label, p,
.text-sm, .label-sm, .btn-xs {
  font-size: 12px !important;
}

.text-xs {
  font-size: 10px !important;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6,
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
  font-weight: 600 !important;
}

h1, .heading-1 {
  font-size: 32px !important;
  line-height: 42px !important;
}

h2, .heading-2 {
  font-size: 24px !important;
  line-height: 34px !important;
}

h3, .heading-3 {
  font-size: 20px !important;
  line-height: 28px !important;
}

h4, .heading-4 {
  font-size: 18px !important;
  line-height: 26px !important;
}

h5, .heading-5 {
  font-size: 16px !important;
  line-height: 24px !important;
}

h6, .heading-6 {
  font-size: 14px !important;
  line-height: 22px !important;
}

/* BACKGROUND COLORS */
.user-dashboard {
  background-color: var(--brand-300);
}

#main-content {
  background-color: var(--grey-100) !important;
}

/* Experimental for Double Navbar START */

/* NAVIGATION ASIDE */
.navbar-aside.navbar-aside-slack-style {
  background-color: var(--brand-300);
  left: var(--left-nav-col-width);
  width: 220px;
}

.navbar-aside-left-column {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: var(--left-nav-col-width);
  z-index: 500;
  background-color: var(--brand-400) !important;
}

.body-wrap.has-navbar-aside {
  margin-left: 18.125rem !important;
}

.body-wrap.has-navbar-aside.left-column-only {
  margin-left: var(--left-nav-col-width) !important;
}

.body-wrap.has-navbar-aside.left-column-only .navbar-aside.navbar-aside-slack-style {
  width: 0px;
}

.body-wrap.has-navbar-aside.left-column-only .navbar-aside-right-column {
  display: none;
}

/* LEFT COLUMN */
.navbar-aside-left-column a {
  display: block;
  margin-bottom: 12px;
  color: var(--white) !important;
  opacity: .5 !important;
}

.navbar-aside-left-column a span {
  padding: 8px;
}

.navbar-aside-left-column a.image {
  opacity: 1 !important;
}

.navbar-aside-left-column a:hover,
.navbar-aside-left-column a.active {
  opacity: 1 !important;
  color: var(--white) !important;
}

.navbar-aside-left-column a.active span {
  border-radius: var(--border-radius) !important;
  background-color: var(--brand-300);
}

/* RIGHT COLUMN */
.navbar-aside-right-column {
  overflow-y: scroll;
  height: 100%;
}

.navbar-aside-right-column .navbar-nav .nav-link {
  color: var(--brand-100) !important;
  border-radius: 0 !important;
  font-weight: 400 !important;
  background: transparent !important;
}

.navbar-aside-right-column .navbar-nav .nav-link:hover,
.navbar-aside-right-column .navbar-nav .nav-link:focus {
  color: var(--brand-50) !important;
  background: rgba(255, 255, 255, .1) !important;
}

.navbar-aside-right-column .navbar-nav .nav-link.active {
  color: var(--white) !important;
  background: var(--brand-400) !important;
  border-right: 3px solid var(--white) !important;
}

.navbar-aside-right-column .nav-link,
.navbar-aside-right-column .nav-link .nav-link-label {
  display: flex;
  width: 100%;
}

.navbar-aside-right-column .nav-link-icon,
.navbar-aside-right-column .nav-link .nav-link-extra {
  flex: 0 0 auto;
}

.navbar-aside-right-column .nav-link .nav-link-text,
.navbar-aside-right-column .nav-link .nav-link-name {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.navbar-aside-right-column .nav-link:hover .nav-link-text,
.navbar-aside-right-column .nav-link:hover .nav-link-name {
  white-space: normal;
}

.navbar-aside-right-column .navbar-nav .nav-item.nav-item-button .nav-link {
  border-radius: var(--border-radius) !important;
  padding: 6px 10px !important;
  background: rgba(255, 255, 255, .1) !important;
  margin-top: 2px !important;
}

/* RIGHT COLUMN ADD NEW PAGES */
.navbar-aside-right-column #add-new-pages {
  background: var(--brand-50) !important;
}

.navbar-aside-right-column #add-new-pages .nav-link,
.navbar-aside-right-column #add-new-pages .nav-link:hover {
  color: var(--brand-300) !important;
}

.navbar-aside-right-column #add-new-pages .nav-link:hover,
.navbar-aside-right-column #add-new-pages .nav-link.active {
  background-color: var(--brand-100) !important;
  border-right-color: var(--brand-200) !important;
}

.navbar-aside-right-column #add-new-pages .nav-description {
  color: var(--grey-600) !important;
}

#dashboard-subnav .nav-link i {
  display: none;
}

/* Experimental for Double Navbar END */

/* TABS */
.tabs .nav-tabs .nav-item .nav-link {
  padding: 16px !important;
  color: var(--grey-500) !important;
  background-color: transparent !important;
  border-color: transparent !important;
  border-width: 0 0 4px 0 !important;
}

.tabs .nav-tabs .nav-item.show .nav-link,
.tabs .nav-tabs .nav-link:hover {
  color: var(--grey-600) !important;
  border-color: var(--brand-200) !important;
}

.tabs .nav-tabs .nav-link.active {
  color: var(--brand-400) !important;
  border-color: var(--brand-300) !important;
}

#dashboard-list-tabs a {
  color: var(--grey-500) !important;
  border-bottom: 4px solid var(--white);
}

#dashboard-list-tabs a.active,
#dashboard-list-tabs a:hover {
  color: var(--brand-500) !important;
  border-bottom-color: var(--brand-200) !important;
}

/* FORMS */
.form-group {
  margin-bottom: 24px !important;
}

.form-control {
  padding: 9px 16px !important;
  background: var(--grey-50) !important;
  border: 1px solid var(--grey-100) !important;
  border-radius: var(--border-radius) !important;
}

select.form-control {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.form-control::placeholder {
  opacity: .5;
}

.form-control-xxl {
  background-color: white !important;
  border: none !important;
  opacity: .7;
  font-size: 20px !important;
  color: black !important;
  font-weight: bold !important;
}

.dark-mode .form-control::placeholder,
.bg-dark .form-control::placeholder {
  color: white;
}

.form-group label {
  font-weight: 500;
}

.form-group .help-block {
  font-weight: 400;
  font-size: .8rem;
  text-transform: none;
  color: #92959b !important;
  margin-left: 0;
}

.form-text.text-muted {
  color: inherit !important;
}

.input-group-text {
  font-size: 14px;
  border-color: var(--grey-100) !important;
}

.input-group .input-group-prepend + .form-control {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.input-group .input-group-append + .form-control {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* CHECKBOXES */
.checkbox label {
  padding-left: 0;
}

.checkbox label::before {
  all: initial;
}

.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
  opacity: 100;
  margin-right: 0.25rem;
}

/* SEARCH */
.search {
  background: var(--grey-100);
  border-radius: 12px;
  padding: 6px;
}

.search .form-control {
  background: transparent !important;
  border: none !important;
}

.search .form-control::placeholder {
  color: var(--grey-600) !important;
  opacity: 1;
}

.search .btn {
  background: transparent !important;
  border: none !important;
  color: var(--grey-500) !important;
  padding: 0 16px !important;
}

/* TOGGLE SWITCH */

/* PAGE EDITOR */
body.page-editor-page {
  background: var(--grey-100);
}

#page-editor-container {
  position: fixed;
  display: flex;
  width: calc(100% - var(--left-nav-col-width));
  height: 100%;
}

#page-editor-settings {
  width: 440px;
  height: 100%;
  box-shadow: 0 1px 6px rgb(0 0 0/10%);
  background: var(--white);
  overflow-y: auto;
}

#page-editor-settings.wide {
  width: 100%;
}

#page-editor-preview-column {
  display: flex;
  flex-grow: 1;
  overflow-y: auto;
}

#page-editor-preview-container {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 16px;
}

#page-editor-preview-float {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  max-width: 800px;
  box-shadow: 0 1px 6px rgb(0 0 0/10%);
}

#page-editor-settings label {
  display: block;
  margin-bottom: 5px;
}

#page-editor-settings li {
  font-size: .875rem;
}

#page-editor-settings:not(.full_screen_editor) .form-group {
  overflow: hidden;
  margin-bottom: 0 !important;
}

#page-editor-settings .page-designer-field {
  margin-bottom: 24px;
}

#page-editor-settings .page-designer-field.toggle-field {
  display: flex;
  align-items: center;
}

#page-editor-settings .page-designer-field.toggle-field label {
  font-weight: 400 !important;
  margin-bottom: 0 !important;
  order: 2;
}

#page-editor-settings .page-designer-field.toggle-field .form-group {
  padding-right: 1rem !important;
}

#page-editor-settings .page-designer-field.toggle-field .form-check-label {
  display: none !important;
  vertical-align: middle;
}

/* PAGE EDITOR PREVIEW */
#page-editor-preview {
  width: 1px;
  flex: none;
  opacity: 0;
  transition: all .75s ease;
}

#page-editor-preview.show {
  opacity: 1;
  width: 100%;
}

#page-editor-preview .slide .label {
  display: none;
}

#page-editor-preview .slide .label.show {
  display: block;
}


/* BROWSER BUTTONS */
.browser-buttons {
  display: flex;
  align-items: center;
}

.browser-buttons::before,
.browser-buttons::after,
.browser-buttons span::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 5px;
}

.browser-buttons::before {
  background-color: var(--red-300);
}

.browser-buttons::after {
  background-color: var(--green-300);
}

.browser-buttons span {
  margin-top: 1px;
}

.browser-buttons span::before {
  background-color: var(--yellow-300);
}

.browser-title {
  flex-grow: 1;
  text-align: center;
  margin-left: -24px;
  color: var(--grey-700);
}

/* OTHER ELEMENTS */
.generic-form-plus-field .form-check-label {
  display: none;
}

.draggable-item {
  cursor: move;
}

.draggable-item:hover {
  background: var(--brand-50);
  box-shadow: 0 0px 5px rgba(0,0,0,0.1), 0 0px 10px rgba(0,0,0,0.1);
}

.tagify {
  background: white;
}

.megamenu > .dropdown-menu {
  max-width: 1500px !important;
}

.toggle-button-group.toggle-state-on .toggled-off,
.toggle-button-group.toggle-state-off .toggled-on {
  display: none;
}

#accordion a {
  cursor: pointer;
}

/* BUG FIXES */
@media (max-width: 991px) {
  .body-wrap.has-navbar-aside,
  .body-wrap.has-navbar-aside.left-column-only {
    margin-left: 0 !important;
  }

  #page-editor-container,
  #page-editor-settings {
    width: 100% !important;
  }

  #page-editor-preview-column {
    display: none !important;
  }

  .navbar-inverse .navbar-nav .dropdown-menu {
    background: rgba(255, 255, 255, .9) !important;
    border-radius: 8px;
    padding: 15px;
  }
}

.card, .rounded-extra {
  border-radius: .75rem !important;
  position: relative;
  overflow: hidden;
}

.card.rounded {
  border-radius: .25rem !important;
}

.card-header:first-child {
  border-radius: calc(.75rem - 1px) calc(.75rem - 1px) 0 0;
}

.card-footer:last-child {
  border-radius: 0 0 calc(.75rem - 1px) calc(.75rem - 1px);
}

.card.mb-4 {
  margin-bottom: 30px !important;
}

.plus-form .tox-tinymce {
  height: 500px !important;
}

.form-group textarea.form-control {
  min-height: 100px;
}

/* DASHBOARD NAV */
@media (min-width: 992px) {
  .full-min-height {
    min-height: 100vh;
  }
}

#previewModal .modal-body {
  padding: 0px;
  overflow-y: hidden;
}

.btn-icon-left .icon, .btn-icon-left .fa, .btn-icon-left .far,
.btn-icon-left .fas, .btn-icon-left .fal, .btn-icon-left .fab {
  margin-right: 0.625rem;
}

.btn-icon-right .icon, .btn-icon-right .fa, .btn-icon-right .far,
.btn-icon-right .fas, .btn-icon-right .fal {
  margin-left: 0.625rem;
}

.dropdown-menu .mega-dropdown-menu .dropdown-item>i {
  margin-right: .2rem;
}

.navbar-nav .dropdown-menu,
.nav .dropdown-menu {
  border-radius: 8px;
  box-shadow: 0 6px 20px rgb(0 0 0 / 10%);
  -webkit-box-shadow: 0 6px 20px rgb(0 0 0 / 10%);
  padding: .75rem;
}

.navbar-nav .dropdown-menu .list-group-item,
.nav .dropdown-menu .list-group-item {
  border: none !important;
}

.navbar-nav .dropdown-menu .dropdown-item,
.nav .dropdown-menu .dropdown-item {
  padding: .75rem;
  border-radius: 4px;
}

.navbar-nav .dropdown-menu .dropdown-item:hover,
.nav .dropdown-menu .dropdown-item:hover {
  background: #efefef;
}

.navbar-nav .dropdown-menu .dropdown-item.active, .dropdown-item:active,
.nav .dropdown-menu .dropdown-item.active, .dropdown-item:active {
  background: #efefef;
}

small {
  font-size: 80%;
}

.timeline::before {
  background: #ccc;
}

.google-serp-result {
  font-family: Roboto, arial, sans-serif !important;
}

.google-serp-result .serp-url {
  color: #202124;
  font-size: 13px;
}

.google-serp-result .serp-title {
  color: #1a0dab;
  font-size: 20px;
}

.google-serp-result .serp-description {
  color: #4d5156;
  font-size: 14px;
}

.mw-100 {
  max-width: 100%;
}

.marquee {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

.marquee > div {
  display: inline-block;
  padding-left: 10%; /* Start off the screen */
  animation: marquee 40s linear infinite;
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* Django ACE */
.django-ace-widget {
  border: 1px solid #efefef;
}

/* Hide image in s3direct widget when remove is hit */
.s3direct .file-image {
  display: none;
  float: left;
  clear: left;
}

.s3direct.link-active .file-image {
  display: block;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  visibility: visible !important;
  opacity: 1 !important;
}

@media only screen and (max-width: 479px) {
  .main-content form.form {
    margin: 0 15px;
  }
}

.alert {
  padding: 10px 15px;
  border-radius: 4px;
  font-weight: 500;
  font-size: .9rem;
  border: none;
}

.alert.alert-icon {
  padding-left: 40px;
}

.alert.alert-icon i {
  float: left;
  margin-left: -25px;
  font-size: 1.1rem;
  margin-top: 2px;
}

.c-base-1-light {
  color: #7AADEB !important;
}

.sct-color-2,
.bg-base-1-light {
  background-color: rgba(199, 226, 255, 0.3) !important;
  /* background-color: #C7E2FF !important; */
}

.alert-success {
  color: #0f8a40;
  background-color: #d7efdc;
}

.alert-primary {
  color: #007bff;
  background-color: #e8f0ff;
}

.alert-secondary {
  color: #737376;
  fill: #737376 !important;
  background-color: #ebebeb;
}

.alert a {
  color: inherit;
  text-decoration: underline;
}

.navbar-brand {
  line-height: 1.25rem;
  font-family: 'Catamaran', sans-serif;
  font-weight: 700;
  font-size: 36px;
}

label {
  color: var(--brand-400) !important;
}

/* PAGINATION */
.pagination .page-link, .pagination .page-link:focus, .pagination .page-link:hover,
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    margin-right: 10px !important;
    padding: 5px 10px !important;
    border: none !important;
    border-radius: var(--border-radius-circle) !important;
    background-color: var(--brand-50) !important;
}
.pagination>.active .page-link,
.pagination .page-item.active:first-child .page-link,
.pagination .page-item.active:last-child .page-link
.pagination>.active .page-link:focus,
.pagination>.active .page-link:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: var(--brand-300) !important;
    color: var(--white) !important;
}
.pagination .page-link.no-border {
  padding-left: 0 !important;
  padding-right: 0 !important;
}