/**
 * Themify icons, 1.0.1
 * Created by Themify
 * http://themify.me/themify-icons
 * MIT License
 */
@charset "UTF-8";

@font-face {
  font-family: "themify-icons";
  src: asset('/assets/martonomy/fonts/themify-icons.eot');
  src: asset('/assets/martonomy/fonts/themify-icons.eot?#iefix') format('eot'),
       asset('/assets/martonomy/fonts/themify-icons.woff') format('woff'),
       asset('/assets/martonomy/fonts/themify-icons.ttf') format('truetype'),
       asset('/assets/martonomy/fonts/themify-icons.svg#themify-icons') format('svg');
}

.ti {
  font-family: "themify-icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
}


.ti-arrow-up:before {
  content: "\e627";
}
.ti-arrow-right:before {
  content: "\e628";
}
.ti-arrow-left:before {
  content: "\e629";
}
.ti-arrow-down:before {
  content: "\e62a";
}
.ti-arrows-vertical:before {
  content: "\e657";
}
.ti-arrows-horizontal:before {
  content: "\e658";
}
.ti-angle-up:before {
  content: "\e648";
}
.ti-angle-right:before {
  content: "\e649";
}
.ti-angle-left:before {
  content: "\e64a";
}
.ti-angle-down:before {
  content: "\e64b";
}
.ti-angle-double-up:before {
  content: "\e660";
}
.ti-angle-double-right:before {
  content: "\e661";
}
.ti-angle-double-left:before {
  content: "\e662";
}
.ti-angle-double-down:before {
  content: "\e663";
}
.ti-move:before {
  content: "\e656";
}
.ti-fullscreen:before {
  content: "\e659";
}
.ti-arrow-top-right:before {
  content: "\e65a";
}
.ti-arrow-top-left:before {
  content: "\e65b";
}
.ti-arrow-circle-up:before {
  content: "\e65c";
}
.ti-arrow-circle-right:before {
  content: "\e65d";
}
.ti-arrow-circle-left:before {
  content: "\e65e";
}
.ti-arrow-circle-down:before {
  content: "\e65f";
}
.ti-arrows-corner:before {
  content: "\e6be";
}
.ti-split-v:before {
  content: "\e675";
}
.ti-split-v-alt:before {
  content: "\e6d6";
}
.ti-split-h:before {
  content: "\e676";
}
.ti-hand-point-up:before {
  content: "\e71a";
}
.ti-hand-point-right:before {
  content: "\e71b";
}
.ti-hand-point-left:before {
  content: "\e71c";
}
.ti-hand-point-down:before {
  content: "\e71d";
}
.ti-back-right:before {
  content: "\e6bc";
}
.ti-back-left:before {
  content: "\e6bd";
}
.ti-exchange-vertical:before {
  content: "\e63f";
}
.ti-wand:before {
  content: "\e600";
}
.ti-save:before {
  content: "\e746";
}
.ti-save-alt:before {
  content: "\e747";
}
.ti-direction:before {
  content: "\e6a8";
}
.ti-direction-alt:before {
  content: "\e6a9";
}
.ti-user:before {
  content: "\e602";
}
.ti-link:before {
  content: "\e62d";
}
.ti-unlink:before {
  content: "\e604";
}
.ti-trash:before {
  content: "\e605";
}
.ti-target:before {
  content: "\e607";
}
.ti-tag:before {
  content: "\e608";
}
.ti-desktop:before {
  content: "\e640";
}
.ti-tablet:before {
  content: "\e609";
}
.ti-mobile:before {
  content: "\e621";
}
.ti-email:before {
  content: "\e75a";
}
.ti-star:before {
  content: "\e60a";
}
.ti-spray:before {
  content: "\e60b";
}
.ti-signal:before {
  content: "\e60c";
}
.ti-shopping-cart:before {
  content: "\e60d";
}
.ti-shopping-cart-full:before {
  content: "\e60e";
}
.ti-settings:before {
  content: "\e60f";
}
.ti-search:before {
  content: "\e610";
}
.ti-zoom-in:before {
  content: "\e611";
}
.ti-zoom-out:before {
  content: "\e612";
}
.ti-cut:before {
  content: "\e613";
}
.ti-ruler:before {
  content: "\e614";
}
.ti-ruler-alt-2:before {
  content: "\e6db";
}
.ti-ruler-pencil:before {
  content: "\e615";
}
.ti-ruler-alt:before {
  content: "\e616";
}
.ti-bookmark:before {
  content: "\e617";
}
.ti-bookmark-alt:before {
  content: "\e618";
}
.ti-reload:before {
  content: "\e619";
}
.ti-plus:before {
  content: "\e61a";
}
.ti-minus:before {
  content: "\e622";
}
.ti-close:before {
  content: "\e646";
}
.ti-pin:before {
  content: "\e61b";
}
.ti-pencil:before {
  content: "\e61c";
}
.ti-pencil-alt:before {
  content: "\e61d";
}
.ti-paint-roller:before {
  content: "\e61e";
}
.ti-paint-bucket:before {
  content: "\e61f";
}
.ti-na:before {
  content: "\e620";
}
.ti-medall:before {
  content: "\e623";
}
.ti-medall-alt:before {
  content: "\e624";
}
.ti-marker:before {
  content: "\e625";
}
.ti-marker-alt:before {
  content: "\e626";
}
.ti-lock:before {
  content: "\e62b";
}
.ti-unlock:before {
  content: "\e603";
}
.ti-location-arrow:before {
  content: "\e62c";
}
.ti-layout:before {
  content: "\e62e";
}
.ti-layers:before {
  content: "\e62f";
}
.ti-layers-alt:before {
  content: "\e630";
}
.ti-key:before {
  content: "\e631";
}
.ti-image:before {
  content: "\e633";
}
.ti-heart:before {
  content: "\e634";
}
.ti-heart-broken:before {
  content: "\e635";
}
.ti-hand-stop:before {
  content: "\e636";
}
.ti-hand-open:before {
  content: "\e637";
}
.ti-hand-drag:before {
  content: "\e638";
}
.ti-flag:before {
  content: "\e63a";
}
.ti-flag-alt:before {
  content: "\e63b";
}
.ti-flag-alt-2:before {
  content: "\e63c";
}
.ti-eye:before {
  content: "\e63d";
}
.ti-import:before {
  content: "\e632";
}
.ti-export:before {
  content: "\e63e";
}
.ti-cup:before {
  content: "\e641";
}
.ti-crown:before {
  content: "\e642";
}
.ti-comments:before {
  content: "\e643";
}
.ti-comment:before {
  content: "\e644";
}
.ti-comment-alt:before {
  content: "\e645";
}
.ti-thought:before {
  content: "\e606";
}
.ti-clip:before {
  content: "\e647";
}
.ti-check:before {
  content: "\e64c";
}
.ti-check-box:before {
  content: "\e64d";
}
.ti-camera:before {
  content: "\e64e";
}
.ti-announcement:before {
  content: "\e64f";
}
.ti-brush:before {
  content: "\e650";
}
.ti-brush-alt:before {
  content: "\e727";
}
.ti-palette:before {
  content: "\e6e0";
}
.ti-briefcase:before {
  content: "\e651";
}
.ti-bolt:before {
  content: "\e652";
}
.ti-bolt-alt:before {
  content: "\e653";
}
.ti-blackboard:before {
  content: "\e654";
}
.ti-bag:before {
  content: "\e655";
}
.ti-world:before {
  content: "\e665";
}
.ti-wheelchair:before {
  content: "\e666";
}
.ti-car:before {
  content: "\e6b5";
}
.ti-truck:before {
  content: "\e66d";
}
.ti-timer:before {
  content: "\e66e";
}
.ti-ticket:before {
  content: "\e66f";
}
.ti-thumb-up:before {
  content: "\e670";
}
.ti-thumb-down:before {
  content: "\e671";
}
.ti-stats-up:before {
  content: "\e673";
}
.ti-stats-down:before {
  content: "\e674";
}
.ti-shine:before {
  content: "\e678";
}
.ti-shift-right:before {
  content: "\e679";
}
.ti-shift-left:before {
  content: "\e67a";
}
.ti-shift-right-alt:before {
  content: "\e6d9";
}
.ti-shift-left-alt:before {
  content: "\e6da";
}
.ti-shield:before {
  content: "\e67b";
}
.ti-notepad:before {
  content: "\e67c";
}
.ti-server:before {
  content: "\e67d";
}
.ti-pulse:before {
  content: "\e680";
}
.ti-printer:before {
  content: "\e681";
}
.ti-power-off:before {
  content: "\e682";
}
.ti-plug:before {
  content: "\e683";
}
.ti-pie-chart:before {
  content: "\e684";
}
.ti-panel:before {
  content: "\e686";
}
.ti-package:before {
  content: "\e687";
}
.ti-music:before {
  content: "\e688";
}
.ti-music-alt:before {
  content: "\e689";
}
.ti-mouse:before {
  content: "\e68a";
}
.ti-mouse-alt:before {
  content: "\e68b";
}
.ti-money:before {
  content: "\e68c";
}
.ti-microphone:before {
  content: "\e68d";
}
.ti-menu:before {
  content: "\e68e";
}
.ti-menu-alt:before {
  content: "\e68f";
}
.ti-map:before {
  content: "\e690";
}
.ti-map-alt:before {
  content: "\e691";
}
.ti-location-pin:before {
  content: "\e693";
}
.ti-light-bulb:before {
  content: "\e695";
}
.ti-info:before {
  content: "\e697";
}
.ti-infinite:before {
  content: "\e698";
}
.ti-id-badge:before {
  content: "\e699";
}
.ti-hummer:before {
  content: "\e69a";
}
.ti-home:before {
  content: "\e69b";
}
.ti-help:before {
  content: "\e69c";
}
.ti-headphone:before {
  content: "\e69d";
}
.ti-harddrives:before {
  content: "\e69e";
}
.ti-harddrive:before {
  content: "\e69f";
}
.ti-gift:before {
  content: "\e6a0";
}
.ti-game:before {
  content: "\e6a1";
}
.ti-filter:before {
  content: "\e6a2";
}
.ti-files:before {
  content: "\e6a3";
}
.ti-file:before {
  content: "\e6a4";
}
.ti-zip:before {
  content: "\e664";
}
.ti-folder:before {
  content: "\e639";
}
.ti-envelope:before {
  content: "\e6a6";
}
.ti-dashboard:before {
  content: "\e6aa";
}
.ti-cloud:before {
  content: "\e6b1";
}
.ti-cloud-up:before {
  content: "\e6b2";
}
.ti-cloud-down:before {
  content: "\e6b3";
}
.ti-clipboard:before {
  content: "\e6b4";
}
.ti-calendar:before {
  content: "\e6b6";
}
.ti-book:before {
  content: "\e6b7";
}
.ti-bell:before {
  content: "\e6b8";
}
.ti-basketball:before {
  content: "\e6b9";
}
.ti-bar-chart:before {
  content: "\e6ba";
}
.ti-bar-chart-alt:before {
  content: "\e6bb";
}
.ti-archive:before {
  content: "\e6bf";
}
.ti-anchor:before {
  content: "\e6c0";
}
.ti-alert:before {
  content: "\e6c5";
}
.ti-alarm-clock:before {
  content: "\e6c6";
}
.ti-agenda:before {
  content: "\e6c7";
}
.ti-write:before {
  content: "\e6c8";
}
.ti-wallet:before {
  content: "\e6cd";
}
.ti-video-clapper:before {
  content: "\e6ce";
}
.ti-video-camera:before {
  content: "\e6cf";
}
.ti-vector:before {
  content: "\e6d0";
}
.ti-support:before {
  content: "\e6d4";
}
.ti-stamp:before {
  content: "\e6d5";
}
.ti-slice:before {
  content: "\e6d7";
}
.ti-shortcode:before {
  content: "\e6d8";
}
.ti-receipt:before {
  content: "\e6dc";
}
.ti-pin2:before {
  content: "\e6dd";
}
.ti-pin-alt:before {
  content: "\e6de";
}
.ti-pencil-alt2:before {
  content: "\e6df";
}
.ti-eraser:before {
  content: "\e6a5";
}
.ti-more:before {
  content: "\e6e1";
}
.ti-more-alt:before {
  content: "\e6e2";
}
.ti-microphone-alt:before {
  content: "\e6e3";
}
.ti-magnet:before {
  content: "\e6e4";
}
.ti-line-double:before {
  content: "\e6e5";
}
.ti-line-dotted:before {
  content: "\e6e6";
}
.ti-line-dashed:before {
  content: "\e6e7";
}
.ti-ink-pen:before {
  content: "\e716";
}
.ti-info-alt:before {
  content: "\e717";
}
.ti-help-alt:before {
  content: "\e718";
}
.ti-headphone-alt:before {
  content: "\e719";
}
.ti-gallery:before {
  content: "\e71e";
}
.ti-face-smile:before {
  content: "\e71f";
}
.ti-face-sad:before {
  content: "\e720";
}
.ti-credit-card:before {
  content: "\e721";
}
.ti-comments-smiley:before {
  content: "\e726";
}
.ti-time:before {
  content: "\e72b";
}
.ti-share:before {
  content: "\e72e";
}
.ti-share-alt:before {
  content: "\e72f";
}
.ti-rocket:before {
  content: "\e730";
}
.ti-new-window:before {
  content: "\e732";
}
.ti-rss:before {
  content: "\e75e";
}
.ti-rss-alt:before {
  content: "\e75f";
}
.ti-control-stop:before {
  content: "\e6ab";
}
.ti-control-shuffle:before {
  content: "\e6ac";
}
.ti-control-play:before {
  content: "\e6ad";
}
.ti-control-pause:before {
  content: "\e6ae";
}
.ti-control-forward:before {
  content: "\e6af";
}
.ti-control-backward:before {
  content: "\e6b0";
}
.ti-volume:before {
  content: "\e601";
}
.ti-control-skip-forward:before {
  content: "\e722";
}
.ti-control-skip-backward:before {
  content: "\e723";
}
.ti-control-record:before {
  content: "\e724";
}
.ti-control-eject:before {
  content: "\e725";
}
.ti-paragraph:before {
  content: "\e685";
}
.ti-uppercase:before {
  content: "\e66a";
}
.ti-underline:before {
  content: "\e66c";
}
.ti-text:before {
  content: "\e672";
}
.ti-Italic:before {
  content: "\e696";
}
.ti-smallcap:before {
  content: "\e677";
}
.ti-list:before {
  content: "\e694";
}
.ti-list-ol:before {
  content: "\e734";
}
.ti-align-right:before {
  content: "\e6c1";
}
.ti-align-left:before {
  content: "\e6c2";
}
.ti-align-justify:before {
  content: "\e6c3";
}
.ti-align-center:before {
  content: "\e6c4";
}
.ti-quote-right:before {
  content: "\e67e";
}
.ti-quote-left:before {
  content: "\e67f";
}
.ti-layout-width-full:before {
  content: "\e6e8";
}
.ti-layout-width-default:before {
  content: "\e6e9";
}
.ti-layout-width-default-alt:before {
  content: "\e6ea";
}
.ti-layout-tab:before {
  content: "\e6eb";
}
.ti-layout-tab-window:before {
  content: "\e6ec";
}
.ti-layout-tab-v:before {
  content: "\e6ed";
}
.ti-layout-tab-min:before {
  content: "\e6ee";
}
.ti-layout-slider:before {
  content: "\e6ef";
}
.ti-layout-slider-alt:before {
  content: "\e6f0";
}
.ti-layout-sidebar-right:before {
  content: "\e6f1";
}
.ti-layout-sidebar-none:before {
  content: "\e6f2";
}
.ti-layout-sidebar-left:before {
  content: "\e6f3";
}
.ti-layout-placeholder:before {
  content: "\e6f4";
}
.ti-layout-menu:before {
  content: "\e6f5";
}
.ti-layout-menu-v:before {
  content: "\e6f6";
}
.ti-layout-menu-separated:before {
  content: "\e6f7";
}
.ti-layout-menu-full:before {
  content: "\e6f8";
}
.ti-layout-media-right:before {
  content: "\e6fa";
}
.ti-layout-media-right-alt:before {
  content: "\e6f9";
}
.ti-layout-media-overlay:before {
  content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
  content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
  content: "\e6fd";
}
.ti-layout-media-left:before {
  content: "\e6ff";
}
.ti-layout-media-left-alt:before {
  content: "\e6fe";
}
.ti-layout-media-center:before {
  content: "\e701";
}
.ti-layout-media-center-alt:before {
  content: "\e700";
}
.ti-layout-list-thumb:before {
  content: "\e702";
}
.ti-layout-list-thumb-alt:before {
  content: "\e703";
}
.ti-layout-list-post:before {
  content: "\e704";
}
.ti-layout-list-large-image:before {
  content: "\e705";
}
.ti-layout-line-solid:before {
  content: "\e706";
}
.ti-layout-grid4:before {
  content: "\e707";
}
.ti-layout-grid3:before {
  content: "\e708";
}
.ti-layout-grid2:before {
  content: "\e709";
}
.ti-layout-grid2-thumb:before {
  content: "\e70a";
}
.ti-layout-cta-right:before {
  content: "\e70b";
}
.ti-layout-cta-left:before {
  content: "\e70c";
}
.ti-layout-cta-center:before {
  content: "\e70d";
}
.ti-layout-cta-btn-right:before {
  content: "\e70e";
}
.ti-layout-cta-btn-left:before {
  content: "\e70f";
}
.ti-layout-column4:before {
  content: "\e710";
}
.ti-layout-column3:before {
  content: "\e711";
}
.ti-layout-column2:before {
  content: "\e712";
}
.ti-layout-accordion-separated:before {
  content: "\e713";
}
.ti-layout-accordion-merged:before {
  content: "\e714";
}
.ti-layout-accordion-list:before {
  content: "\e715";
}
.ti-widgetized:before {
  content: "\e6ca";
}
.ti-widget:before {
  content: "\e6cb";
}
.ti-widget-alt:before {
  content: "\e6cc";
}
.ti-view-list:before {
  content: "\e667";
}
.ti-view-list-alt:before {
  content: "\e668";
}
.ti-view-grid:before {
  content: "\e669";
}
.ti-upload:before {
  content: "\e66b";
}
.ti-download:before {
  content: "\e6a7";
}
.ti-loop:before {
  content: "\e692";
}
.ti-layout-sidebar-2:before {
  content: "\e736";
}
.ti-layout-grid4-alt:before {
  content: "\e737";
}
.ti-layout-grid3-alt:before {
  content: "\e738";
}
.ti-layout-grid2-alt:before {
  content: "\e739";
}
.ti-layout-column4-alt:before {
  content: "\e73a";
}
.ti-layout-column3-alt:before {
  content: "\e73b";
}
.ti-layout-column2-alt:before {
  content: "\e73c";
}
.ti-flickr:before {
  content: "\e740";
}
.ti-flickr-alt:before {
  content: "\e759";
}
.ti-instagram:before {
  content: "\e73d";
}
.ti-google:before {
  content: "\e73e";
}
.ti-github:before {
  content: "\e73f";
}
.ti-facebook:before {
  content: "\e741";
}
.ti-dropbox:before {
  content: "\e742";
}
.ti-dropbox-alt:before {
  content: "\e75c";
}
.ti-dribbble:before {
  content: "\e743";
}
.ti-apple:before {
  content: "\e744";
}
.ti-android:before {
  content: "\e745";
}
.ti-yahoo:before {
  content: "\e748";
}
.ti-trello:before {
  content: "\e74d";
}
.ti-stack-overflow:before {
  content: "\e74e";
}
.ti-soundcloud:before {
  content: "\e74f";
}
.ti-sharethis:before {
  content: "\e750";
}
.ti-sharethis-alt:before {
  content: "\e751";
}
.ti-reddit:before {
  content: "\e752";
}
.ti-microsoft:before {
  content: "\e733";
}
.ti-microsoft-alt:before {
  content: "\e754";
}
.ti-linux:before {
  content: "\e755";
}
.ti-jsfiddle:before {
  content: "\e756";
}
.ti-joomla:before {
  content: "\e757";
}
.ti-html5:before {
  content: "\e758";
}
.ti-css3:before {
  content: "\e75d";
}
.ti-drupal:before {
  content: "\e75b";
}
.ti-wordpress:before {
  content: "\e749";
}
.ti-tumblr:before {
  content: "\e72c";
}
.ti-tumblr-alt:before {
  content: "\e74c";
}
.ti-skype:before {
  content: "\e72d";
}
.ti-youtube:before {
  content: "\e728";
}
.ti-vimeo:before {
  content: "\e729";
}
.ti-vimeo-alt:before {
  content: "\e74a";
}
.ti-twitter:before {
  content: "\e72a";
}
.ti-twitter-alt:before {
  content: "\e74b";
}
.ti-linkedin:before {
  content: "\e735";
}
.ti-pinterest:before {
  content: "\e731";
}
.ti-pinterest-alt:before {
  content: "\e753";
}
.ti-themify-logo:before {
  content: "\e6d1";
}
.ti-themify-favicon:before {
  content: "\e6d2";
}
.ti-themify-favicon-alt:before {
  content: "\e6d3";
}

/* CSS Document */

  /* font-family: "Albert Sans", sans-serif; */
  @import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');

  /* font-family: "Outfit", sans-serif; */
  @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');




  /* font-family: "Barlow", sans-serif; */
  @import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

  /* font-family: "Zilla Slab", serif; */
  @import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');




html, body {
  font-size: 16px;
}

* {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: .06rem;
}

a[href]:not([class]),
a:not([class]) {
  font-size: inherit !important;
  text-decoration: underline;
}

a:not([class]),
.btn-link {
  color: var(--monalisaDark);
  text-underline-offset: .375rem;
  text-decoration: underline !important;
}


/* Headings */
.components-section-typography h1:not([class]),
.h1,
.main-container-padding  h1:not([class]),
.components-section-typography h2:not([class]),
.h2,
.main-container-padding  h2:not([class]),
.components-section-typography h3:not([class]),
.h3,
.main-container-padding  h3:not([class]),
.components-section-typography h4:not([class]),
.h4,
.main-container-padding  h4:not([class]),
.components-section-typography h5:not([class]),
.h5,
.main-container-padding  h5:not([class]),
.components-section-typography h6:not([class]),
.h6,
.main-container-padding  h1:not([class]), {
position: relative;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--black-20);
font-weight: 200;
}

.components-section-typography h4:not([class]),
.h4 {
font-weight: 300;
}
.components-section-typography h5:not([class]),
.h5 {
font-weight: 400;
}

.components-section-typography h6:not([class]),
.h6 {
font-weight: 500;
}



.main-container-padding h1:not([class]):after,
.main-container-padding h2:not([class]):after,
.main-container-padding h3:not([class]):after,
.main-container-padding h4:not([class]):after,
.main-container-padding h5:not([class]):after,
.main-container-padding h6:not([class]):after,

.components-section-typography h1:not([class]):after,
.components-section-typography h2:not([class]):after,
.components-section-typography h3:not([class]):after,
.components-section-typography h4:not([class]):after,
.components-section-typography h5:not([class]):after,
.components-section-typography h6:not([class]):after {
content: '';
background-color: var(--monalisaDark);
width: 1.5rem;
height: .25rem;
position: absolute;
left: 0;
bottom: -4px;
border-bottom: 1px solid var(--monalisaDark);
border-radius: .5rem;
}

.components-section-typography h1:not([class]),
.components-section-typography h2:not([class]),
.components-section-typography h3:not([class]),
.components-section-typography h4:not([class]),
.components-section-typography h5:not([class]),
.components-section-typography h6:not([class]) {
padding-bottom: 1rem;
margin-bottom: 1.75rem;
border-bottom: 1px solid var(--black-40);
}


.main-container-padding h1:not([class]),
.components-section-typography h1:not([class]),
.h1 {
font-size: 64px;
font-size: 4rem;
}


.main-container-padding h2:not([class]),
.components-section-typography h2:not([class]),
.h2 {
font-size: 56px;
font-size: 3.5rem;
}

.main-container-padding h3:not([class]),
.components-section-typography h3:not([class]),
.h3 {
font-size: 48px;
font-size: 3rem;
}
.main-container-padding h4:not([class]),
.components-section-typography h4:not([class]),
.h4 {
font-size: 32px;
font-size: 2rem;
}

.de-masthead-controls h1,
.main-container-padding h4:not([class]),
.components-section-typography h5:not([class]),
.h5 {
font-size: 24px;
font-size: 1.5rem;
}

.components-section-typography h6:not([class]),
.h6 {
font-size: 18px;
font-size: 1.125rem;
}

.components-section-typography h1:not([class]),
.h1,
.components-section-typography h2:not([class]),
.h2,
.components-section-typography h3:not([class]),
.h3,
.components-section-typography h4:not([class]),
.h4,
.components-section-typography h5:not([class]),
.h5,
.components-section-typography h6:not([class]),
.h6 {
  color: var(--altoDarker);
  line-height: normal;
  font-family: "Outfit", sans-serif !important;
  position: relative;
}
.components-section-typography p,
.components-section-typography blockquote,
.components-section-typography button {
  color: var(--altoDarker);
  font-family: "Zilla Slab", serif !important;
  font-family: "Albert Sans", sans-serif !important;
}

.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-link {
  font-family: "Albert Sans", sans-serif !important;
}

/* Body Copy */
.fs-largest {
  font-size: 1.75rem !important;
  font-weight: 300 !important;
}
.fs-larger {
  font-size: 1.5rem !important;
  font-weight: 300 !important;
}
.fs-large {
  font-size: 1.25rem !important;
  font-weight: 300 !important;
}
.fs-medium {
  font-size: 1rem !important;
}
.fs-small {
  font-size: .925rem !important;
}
.fs-smaller {
  font-size: .875rem !important;
}
.fs-smallest {
  font-size: 0.75rem !important;
}

/* Blockquote */
blockquote {
  background: var(--sailLightest);
  border-left: .5rem solid var(--secondary-color);
  padding: 4%;
  quotes: "\201C""\201D""\2018""\2019";
  font-size: clamp(1.5rem, 8vw, 1.75rem);
}

blockquote:before,
blockquote:after  {
  color: var(--secondary-color);
  content: open-quote;
  font-size: 4rem;
  line-height: 0.1em;
  margin-right: 0.125em;
  vertical-align: -0.4em;
}
blockquote:after {
  content: close-quote;
}
blockquote p {
  display: inline;
}

/* CSS Document */

:root {
  /* Brand colors */
  --bittersweet: hsla(2,100%,68%,1) !important;
  --bittersweetLight: hsla(2,100%,78%,1) !important;
  --bittersweetLighter: hsla(2,100%,88%,1) !important;
  --bittersweetLightest: hsla(2,100%,94%,1) !important;
  --bittersweetDark: hsla(2,100%,58%,1) !important;
  --bittersweetDarker: hsla(2,100%,28%,1) !important;
  --bittersweetDarkest: hsla(2,100%,18%,1) !important;
  --bittersweet-05: hsla(2,100%,68%,.05) !important;
  --bittersweet-10: hsla(2,100%,68%,.1) !important;
  --bittersweet-20: hsla(2,100%,68%,.2) !important;
  --bittersweet-30: hsla(2,100%,68%,.3) !important;
  --bittersweet-40: hsla(2,100%,68%,.4) !important;
  --bittersweet-50: hsla(2,100%,68%,.5) !important;
  --bittersweet-60: hsla(2,100%,68%,.6) !important;
  --bittersweet-70: hsla(2,100%,68%,.7) !important;
  --bittersweet-80: hsla(2,100%,68%,.8) !important;
  --bittersweet-90: hsla(2,100%,68%,.9) !important;

  --monalisa: hsla(3,100%,78%,1) !important;
  --monalisaLight: hsla(3,100%,78%,1) !important;
  --monalisaLighter: hsla(3,100%,88%,1) !important;
  --monalisaLightest: hsla(3,100%,94%,1) !important;
  --monalisaDark: hsla(3,100%,68%,1) !important;
  --monalisaDarker: hsla(3,100%,30%,1) !important;
  --monalisaDarkest: hsla(3,100%,20%,1) !important;
  --monalisa-05: hsla(3,100%,78%,.05) !important;
  --monalisa-10: hsla(3,100%,78%,.1) !important;
  --monalisa-20: hsla(3,100%,78%,.2) !important;
  --monalisa-30: hsla(3,100%,78%,.3) !important;
  --monalisa-40: hsla(3,100%,78%,.4) !important;
  --monalisa-50: hsla(3,100%,78%,.5) !important;
  --monalisa-60: hsla(3,100%,78%,.6) !important;
  --monalisa-70: hsla(3,100%,78%,.7) !important;
  --monalisa-80: hsla(3,100%,78%,.8) !important;
  --monalisa-90: hsla(3,100%,78%,.9) !important;

  --steelblue: hsla(198,43%,47%,1) !important;
  --steelblueLight: hsla(198,43%,67%,1) !important;
  --steelblueLighter: hsla(198,43%,77%,1) !important;
  --steelblueLightest: hsla(198,43%,87%,1) !important;
  --steelblueDark: hsla(198,43%,37%,1) !important;
  --steelblueDarker: hsla(198,43%,27%,1) !important;
  --steelblueDarkest: hsla(198,43%,17%,1) !important;
  --steelblue-05: hsla(198,43%,47%,.05) !important;
  --steelblue-10: hsla(198,43%,47%,.1) !important;
  --steelblue-20: hsla(198,43%,47%,.2) !important;
  --steelblue-30: hsla(198,43%,47%,.3) !important;
  --steelblue-40: hsla(198,43%,47%,.4) !important;
  --steelblue-50: hsla(198,43%,47%,.5) !important;
  --steelblue-60: hsla(198,43%,47%,.6) !important;
  --steelblue-70: hsla(198,43%,47%,.7) !important;
  --steelblue-80: hsla(198,43%,47%,.8) !important;
  --steelblue-90: hsla(198,43%,47%,.9) !important;

  --sail: hsla(198,85%,80%,1) !important;
  --sailLight: hsla(198,85%,85%,1) !important;
  --sailLighter: hsla(198,85%,90%,1) !important;
  --sailLightest: hsla(198,85%,95%,1) !important;
  --sailDark: hsla(198,85%,30%,1) !important;
  --sailDarker: hsla(198,85%,20%,1) !important;
  --sailDarkest: hsla(198,85%,10%,1) !important;
  --sail-05: hsla(198,85%,80%,.05) !important;
  --sail-10: hsla(198,85%,80%,.1) !important;
  --sail-20: hsla(198,85%,80%,.2) !important;
  --sail-30: hsla(198,85%,80%,.3) !important;
  --sail-40: hsla(198,85%,80%,.4) !important;
  --sail-50: hsla(198,85%,80%,.5) !important;
  --sail-60: hsla(198,85%,80%,.6) !important;
  --sail-70: hsla(198,85%,80%,.7) !important;
  --sail-80: hsla(198,85%,80%,.8) !important;
  --sail-90: hsla(198,85%,80%,.9) !important;


  --alto: hsla(0,0%,68%,1) !important;
  --altoLight: hsla(0,0%,78%,1) !important;
  --altoLighter: hsla(0,0%,88%,1) !important;
  --altoLightest: hsla(0,0%,94%,1) !important;
  --altoDark: hsla(0,0%,38%,1) !important;
  --altoDarker: hsla(0,0%,28%,1) !important;
  --altoDarkest: hsla(0,0%,18%,1) !important;
  --alto-05: hsla(0,0%,68%,.05) !important;
  --alto-10: hsla(0,0%,68%,.1) !important;
  --alto-20: hsla(0,0%,68%,.2) !important;
  --alto-30: hsla(0,0%,68%,.3) !important;
  --alto-40: hsla(0,0%,68%,.4) !important;
  --alto-50: hsla(0,0%,68%,.5) !important;
  --alto-60: hsla(0,0%,68%,.6) !important;
  --alto-70: hsla(0,0%,68%,.7) !important;
  --alto-80: hsla(0,0%,68%,.8) !important;
  --alto-90: hsla(0,0%,68%,.9) !important;

  --softamber: hsla(41,28%,79%,1) !important;
  --softamberLight: hsla(41,28%,84%,1) !important;
  --softamberLighter: hsla(41,28%,90%,1) !important;
  --softamberLightest: hsla(41,28%,96%,1) !important;
  --softamberDark: hsla(41,28%,69%,1) !important;
  --softamberDarker: hsla(41,28%,29%,1) !important;
  --softamberDarkest: hsla(41,28%,19%,1) !important;
  --softamber-05: hsla(41,28%,79%,.05) !important;
  --softamber-10: hsla(41,28%,79%,.1) !important;
  --softamber-20: hsla(41,28%,79%,.2) !important;
  --softamber-30: hsla(41,28%,79%,.3) !important;
  --softamber-40: hsla(41,28%,79%,.4) !important;
  --softamber-50: hsla(41,28%,79%,.5) !important;
  --softamber-60: hsla(41,28%,79%,.6) !important;
  --softamber-70: hsla(41,28%,79%,.7) !important;
  --softamber-80: hsla(41,28%,79%,.8) !important;
  --softamber-90: hsla(41,28%,79%,.9) !important;




  --white: hsla(41,0%,100%,1) !important;
  --white-05: hsla(41,0%,100%,.05) !important;
  --white-10: hsla(41,0%,100%,.1) !important;
  --white-20: hsla(41,0%,100%,.2) !important;
  --white-30: hsla(41,0%,100%,.3) !important;
  --white-40: hsla(41,0%,100%,.4) !important;
  --white-50: hsla(41,0%,100%,.5) !important;
  --white-60: hsla(41,0%,100%,.6) !important;
  --white-70: hsla(41,0%,100%,.7) !important;
  --white-80: hsla(41,0%,100%,.8) !important;
  --white-90: hsla(41,0%,100%,.9) !important;

  --black: hsla(41,0%,0%,1) !important;
  --black-05: hsla(41,0%,0%,.05) !important;
  --black-10: hsla(41,0%,0%,.1) !important;
  --black-20: hsla(41,0%,0%,.2) !important;
  --black-30: hsla(41,0%,0%,.3) !important;
  --black-40: hsla(41,0%,0%,.4) !important;
  --black-50: hsla(41,0%,0%,.5) !important;
  --black-60: hsla(41,0%,0%,.6) !important;
  --black-70: hsla(41,0%,0%,.7) !important;
  --black-80: hsla(41,0%,0%,.8) !important;
  --black-90: hsla(41,0%,0%,.9) !important;

  --gray: #ccc !important;

  --black: hsla(0,0%,0%,1) !important;
  --black-05: hsla(0,0%,0%,.05) !important;
  --black-10: hsla(0,0%,0%,.1) !important;
  --black-20: hsla(0,0%,0%,.2) !important;
  --black-30: hsla(0,0%,0%,.3) !important;
  --black-40: hsla(0,0%,0%,.4) !important;
  --black-50: hsla(0,0%,0%,.5) !important;
  --black-60: hsla(0,0%,0%,.6) !important;
  --black-70: hsla(0,0%,0%,.7) !important;
  --black-80: hsla(0,0%,0%,.8) !important;
  --black-90: hsla(0,0%,0%,.9) !important;



  --primary-color: var(--monalisa);
  --secondary-color: var(--sail);

  /* Buttons */
  --btn-primary-bg: var(--monalisaDark) !important;
  --btn-primary-border: var(--monalisaDark) !important;

  --btn-secondary-bg: var(--sailDark) !important;
  --btn-secondary-border: var(--sailDark) !important;
}


/***************************
  Text colors
***************************/

.color-bittersweet {
	color: var(--bittersweet) !important;
}
.color-monalisa {
	color: var(--monalisa) !important;
}
.color-steelblue {
	color: var(--steelblue) !important;
}
.color-sail {
	color: var(--sail) !important;
}
.color-alto {
	color: var(--alto) !important;
}
.color-softamber {
	color: var(--softamber) !important;
}
.color-gray {
	color: var(--gray) !important;
}
.color-black {
	color: var(--black) !important;
}
.color-white {
	color: var(--white) !important;
}




/***************************
  Background colors
***************************/


.bg-bittersweet {
	background-color: var(--bittersweet);
}
.bg-bittersweetLight {
	background-color: var(--bittersweetLight);
}
.bg-bittersweetLighter {
	background-color: var(--bittersweetLighter);
}
.bg-bittersweetLightest {
	background-color: var(--bittersweetLightest);
}
.bg-bittersweetDark {
	background-color: var(--bittersweetDark);
}
.bg-bittersweetDarker {
	background-color: var(--bittersweetDarker);
}
.bg-bittersweetDarkest {
	background-color: var(--bittersweetDarkest);
}


.bg-monalisa {
	background-color: var(--monalisa);
}
.bg-monalisaLight {
	background-color: var(--monalisaLight);
}
.bg-monalisaLighter {
	background-color: var(--monalisaLighter);
}
.bg-monalisaLightest {
	background-color: var(--monalisaLightest);
}
.bg-monalisaDark {
	background-color: var(--monalisaDark);
}
.bg-monalisaDarker {
	background-color: var(--monalisaDarker);
}
.bg-monalisaDarkest {
	background-color: var(--monalisaDarkest);
}


.bg-steelblue {
	background-color: var(--steelblue);
}
.bg-steelblueLight {
	background-color: var(--steelblueLight);
}
.bg-steelblueLighter {
	background-color: var(--steelblueLighter);
}
.bg-steelblueLightest {
	background-color: var(--steelblueLightest);
}
.bg-steelblueDark {
	background-color: var(--steelblueDark);
}
.bg-steelblueDarker {
	background-color: var(--steelblueDarker);
}
.bg-steelblueDarkest {
	background-color: var(--steelblueDarkest);
}
.bg-gradient-steelblueToTransparent {
  background: linear-gradient(6deg, var(--steelblue) -20%, transparent 90%);
}
.bg-gradient-steelblueToSteelBlueLight {
  background: linear-gradient(6deg, var(--steelblue) -20%, var(--steelblueLight) 90%);
}
.bg-gradient-steelblueDarkToSteelBlue {
  background: linear-gradient(6deg, var(--steelblueDark) -20%, var(--steelblue) 90%);
}



.bg-sail {
	background-color: var(--sail);
}
.bg-sailLight {
	background-color: var(--sailLight);
}
.bg-sailLighter {
	background-color: var(--sailLighter);
}
.bg-sailLightest {
	background-color: var(--sailLightest);
}
.bg-sailDark {
	background-color: var(--sailDark);
}
.bg-sailDarker {
	background-color: var(--sailDarker);
}
.bg-sailDarkest {
	background-color: var(--sailDarkest);
}
.bg-gradient-sailToTransparent {
  background: linear-gradient(6deg, var(--sail) -20%, transparent 90%);
}
.bg-gradient-sailToSailLighter {
  background: linear-gradient(6deg, var(--sail) -20%, var(--sailLighter) 90%);
}
.bg-gradient-sailLightestToSail {
  background: linear-gradient(6deg, var(--sailLightest) -20%, var(--sail) 90%);
}


.bg-alto {
	background-color: var(--alto);
}
.bg-altoLight {
	background-color: var(--altoLight);
}
.bg-altoLighter {
	background-color: var(--altoLighter);
}
.bg-altoLightest {
	background-color: var(--altoLightest);
}
.bg-altoDark {
	background-color: var(--altoDark);
}
.bg-altoDarker {
	background-color: var(--altoDarker);
}
.bg-altoDarkest {
	background-color: var(--altoDarkest);
}



.bg-softamber {
	background-color: var(--softamber);
}
.bg-softamberLight {
	background-color: var(--softamberLight);
}
.bg-softamberLighter {
	background-color: var(--softamberLighter);
}
.bg-softamberLightest {
	background-color: var(--softamberLightest);
}
.bg-softamberDark {
	background-color: var(--softamberDark);
}
.bg-softamberDarker {
	background-color: var(--softamberDarker);
}
.bg-softamberDarkest {
	background-color: var(--softamberDarkest);
}

:root {
  --softamberToSoftamberLightest: linear-gradient(6deg, var(--softamber) -20%, var(--softamberLightest) 90%);
  --softamberDarkToSoftAmber: linear-gradient(6deg, var(--softamberDark) -20%, var(--softamber) 90%);
}

.bg-gradient-softamberToSoftamberLightest {
  background: var(--softamberToSoftamberLightest);
}
.bg-gradient-softamberDarkToSoftAmber {
  background: var(--softamberDarkToSoftAmber);
}



.bg-white {
	background-color: var(--white);
}

.bg-black {
	background-color: var(--black);
}

/* CSS Document */

*:not(main ul.space-y > li a, [class*=btn-]):focus {
  outline: var(--sail) auto 1px;
  box-shadow: inset 0 -.5px 2px .5px var(--softamberDark), 0 0 0 0.25rem whitesmoke, 0 0 0.75rem 0.625rem var(--sail-50);
  background-color: transparent;
  border-radius: 0.25rem;
}

main {
  outline: none !important;
  box-shadow: none !important;
}

.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-link,
[type=submit]:not(.group),
.button-secondary,
updates-for .bg-white.shadow .button {
border-width: 0px;
border-radius: 0rem;
font-weight: 500 !important;
padding: .75rem 1rem !important;
letter-spacing: .02rem !important;
white-space: nowrap;
font-size: 1rem !important;
}

.btn-primary,
.btn-secondary,
[type=submit]:not(.group),
updates-for .bg-white.shadow .button {
  /*text-shadow: 2px 2px 0 var(--black-10);*/
  color: var(--white);
}

.btn-primary,
.btn-primary:visited,
.btn-primary:hover,
[type=submit]:not(.group),
[type=submit]:not(.group):visited,
[type=submit]:not(.group):hover,
.button,
updates-for .bg-white.shadow .button:visited,
updates-for .bg-white.shadow .button:hover {
  color: var(--white);
  background-color:var(--btn-primary-bg) !important;
  border-color:var(--btn-primary-border) !important;
  box-shadow: inset 0 0 0 2px var(--btn-primary-bg), inset 0 0 0 4px var(--white-90);
}


[type=submit]:not(.group):focus,
.btn-primary:focus,
updates-for .bg-white.shadow .button:focus {
  outline: var(--btn-primary-bg) auto 1px;
  color: var(--white);
  background-color: var(--btn-primary-bg) !important;
  border-color: var(--btn-primary-border) !important;
  box-shadow: inset 0 0 0 2px var(--btn-primary-bg), inset 0 0 0 5px var(--white-90), 0 0 3px var(--primary-color), 0 0px 3px 6px var(--sail) !important;
  border-radius: .125rem;
}

.btn-secondary,
.btn-secondary:visited,
.btn-secondary:hover,
updates-for .bg-white.shadow .button-secondary,
/*updates-for .bg-white.shadow .button-secondary:visited,*/
updates-for .bg-white.shadow .button-secondary:hover {
  color: var(--white) !important;
  background-color:var(--btn-secondary-bg) !important;
  border-color:var(--btn-secondary-border) !important;
  box-shadow: inset 0 0 0 2px var(--btn-secondary-bg), inset 0 0 0 4px var(--white-90) !important;
}


.btn-secondary:focus {
  outline: var(--btn-secondary-bg) auto 1px;
  color: var(--white);
  background-color:var(--btn-secondary-bg) !important;
  border-color:var(--btn-secondary-border) !important;
  box-shadow: inset 0 0 0 2px var(--btn-secondary-bg), inset 0 0 0 5px var(--white-90), 0 0 3px var(--secondary-color), 0 0px 3px 6px var(--sail) !important;
  border-radius: .125rem;
}


.button-secondary:focus,
.btn-tertiary:focus,
.btn-link:focus {
  outline: inherit auto 1px;
  border-color:var(--sail) !important;
  box-shadow: inset 0 0 0 2px var(--sail), inset 0 0 0 5px var(--white-90), 0 0 3px var(--white), 0 0px 3px 6px var(--sail) !important;
  border-radius: .125rem;
}

[type=submit]:not(.group),
.button-secondary,
updates-for .bg-white.shadow .button,
.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-link {
animation: scaleOutButton .16s;
}

[type=submit]:not(.group):hover,
.button-secondary:hover,
updates-for .bg-white.shadow .button:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-tertiary:hover,
.btn-link:hover {
  animation: scaleInButton .16s;
  transform-origin: center;
  animation-fill-mode: forwards;
}

[type=submit]:not(.group):active,
.button-secondary:active,
updates-for .bg-white.shadow .button:active,
.btn-primary:active,
.btn-secondary:active,
.btn-tertiary:active,
.btn-link:active {
  animation: scaleInButton .16s;
  transform-origin: center;
  animation-fill-mode: forwards;
}

@keyframes scaleInButton {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.94);
  }
}
@keyframes scaleOutButton {
  from {
    transform: scale(0.94);
  }
  to {
    transform: scale(1);
  }
}





.btn-sm {
  font-size: 12px;
}

.btn-md {
  font-size: 1rem;
}

.btn-lg {
  font-size: 1.5rem;
}

.btn-xl {
  font-size: 1.75rem;
}

/* CSS Document */

label {
  font-weight: normal !important;
}

input:not([type=radio],[type=checkbox],[type=submit]), select {
  font-size: 0.875rem;
  line-height: 2;
}

input:not([type=radio],[type=checkbox],[type=submit]):focus-visible,
input:not([type=radio],[type=checkbox],[type=submit]):focus,
textarea:focus-visible,
textarea:focus {
  outline: none;
  color: var(--black);
  border-color: var(--sailDark);
  box-shadow: inset 0rem 0rem 0rem 0.125rem var(--sail), 0rem 0rem 0.125rem 0rem var(--white), 0rem 0rem 1rem 0rem var(--sail-40);
}

input:disabled:not([type=radio],[type=checkbox],[type=submit]) {
  background-color: var(--black-05);
  color: var(--black-60);
}

input:read-only::after {
  content: 'x';
  display: block;
  background-color: var(--black-05);
  color: var(--black-60);
  width: .75rem;
  height: .75rem;
  z-index: 2;
}

input:not([type=radio],[type=checkbox],[type=submit]), select, optgroup, textarea {
  background: var(--white);
  border: 1px solid var(--black-70);
  box-shadow: 0rem .125rem 0rem 0rem var(--white), 0rem 0.25rem 0rem 0rem var(--black-10);
  border-radius: 0.375rem;
  font-size: 0.875rem;
  color: var(--black);
  text-indent: 0.25rem;
  width: 100% !important;
}

textarea {
  /*min-height: 4.125rem;*/
  resize: none;
}



/*******************
  Checkbox, Radio
********************/

label:has(input[type=radio],input[type=checkbox]) {
margin: 0;
padding: 0;
display: inline-flex;
align-items: center;
position: relative;
}

label:has(input[type=radio],input[type=checkbox]) + label:has(input[type=radio],input[type=checkbox]) {
  margin-right: 20px;
}

label:has(input[type=radio])::before {
border-radius: 100%;
}

label:has(input[type=checkbox])::before {
border-radius: .25rem;
}

label:has(input[type=radio],input[type=checkbox])::before {
content: '';
display: inline-block;
width: 1.125rem;
height: 1.125rem;
box-shadow: inset 0 0 0 2px var(--black-70);
}

label:has(input[type=radio]:checked)::before {
background-color: var(--black-70);
box-shadow: inset 0 0 0 2px var(--black-70), inset 0 0 0 6px var(--white);
}

label:has(input[type=checkbox]:checked)::after {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
content: "\e5ca";/* material icons */

display: flex;
position: absolute;
top: .77rem;
left: -.0375rem;
font-size: .875rem;
z-index: 3;
justify-content: center;
align-items: center;
width: 1.25rem;
height: auto;
font-weight: 900;
line-height: 0;
color: var(--black) !important;
}

label:has(input[type=checkbox]:checked)::before {
/*background-color: var(--primary-color);*/
box-shadow: inset 0 0 0 2px var(--black-70), inset 0 0 0 4px var(--white);
}


label:has(input[type=radio],input[type=checkbox]) input {
display: none;
}


input[type=checkbox],
input[type=radio] {
min-height: auto !important;
width: auto !important;
height: auto !important;
top: initial !important;
accent-color: var(--secondary-color);
}


label:has(input[type=checkbox]:disabled),
label:has(input[type=radio]:disabled) {
opacity: .5;
}

label:has(input[type=checkbox]:checked:disabled)::before {
opacity: .5;
background-color: var(--black-10) !important;
}

label:has(input[type=radio]:checked:disabled)::before {
opacity: .5;
background-color: var(--black) !important;
}

label:has(input[type=checkbox]) span,
label:has(input[type=radio]) span {
font-weight: 400;
user-select: none;
-ms-user-select: none;
}



/*******************
  Select field
********************/


select {
  background: var(--white);
  border: 1px solid var(--black-70);
  box-shadow: 0rem .125rem 0rem 0rem var(--white), 0rem 0.25rem 0rem 0rem var(--black-10);
  box-shadow: inset 0rem 0rem 0rem 0.125rem var(--sail), 0rem 0rem 0.125rem 0rem var(--white), 0rem 0rem 1rem 0rem var(--sail-40);
  border-radius: .25rem;
  font-size: 1rem;
  color: var(--black);
  text-indent: 0.5rem;
  width: 100% !important;
}


select,
select:focus {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='32px' height='17px' viewBox='0 0 32 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='_UI-Inventory' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components' transform='translate(-597.000000 -597.000000)' fill='%23030707'%3E%3Cg id='03_UI-Comps/Icon/DownArrow' transform='translate(597.000000 589.000000)'%3E%3Cpath d='M15.9999914 20.2707181 L3.3609022 8.53441302 C2.55148086 7.78280749 1.28601855 7.82967646 0.534413017 8.6390978 C-0.217192514 9.44851914 -0.170323539 10.7139815 0.639097801 11.465587 L14.6390978 24.465587 C15.4064601 25.1781377 16.5935399 25.1781377 17.3609022 24.465587 L31.3609022 11.465587 C32.1703235 10.7139815 32.2171925 9.44851914 31.465587 8.6390978 C30.7139815 7.82967646 29.4485191 7.78280749 28.6390978 8.53441302' id='Path-6-Copy'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 0.75rem);
  background-position-y: center;
  background-size: 1rem;
  opacity: 0.7;
}

select:focus-within {
  background-image: url("data:image/svg+xml,%3Csvg width='32px' height='17px' viewBox='0 0 32 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E03_UI Comps/Icon/UpArrow%3C/title%3E%3Cg id='_UI-Inventory' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components' transform='translate(-797.000000  -677.000000)' fill='%23030707'%3E%3Cg id='03_UI-Comps/Icon/UpArrow' transform='translate(797.000000  669.000000)'%3E%3Cpath d='M15.9999914 20.2707181 L3.3609022 8.53441302 C2.55148086 7.78280749 1.28601855 7.82967646 0.534413017 8.6390978 C-0.217192514 9.44851914 -0.170323539 10.7139815 0.639097801 11.465587 L14.6390978 24.465587 C15.4064601 25.1781377 16.5935399 25.1781377 17.3609022 24.465587 L31.3609022 11.465587 C32.1703235 10.7139815 32.2171925 9.44851914 31.465587 8.6390978 C30.7139815 7.82967646 29.4485191 7.78280749 28.6390978 8.53441302' id='Path-6-Copy' transform='translate(16.000000  16.499996) scale(1  -1) translate(-16.000000  -16.499996) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@font-face {
	font-family: 'themify';
	src:url(/assets/martonomy/fonts/themify-dff415daec911b65dca5be02071a1825b75508ff158de5b8d85976957db931cb.eot?-fvbane);

	src:url(/assets/martonomy/fonts/themify.eot?#iefix-fvbane) format('embedded-opentype'),
		url(/assets/martonomy/fonts/themify.woff?-fvbane) format('woff'),
		url(/assets/martonomy/fonts/themify.ttf?-fvbane) format('truetype'),
		url(/assets/martonomy/fonts/themify.svg?-fvbane#themify) format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="ti-"], [class*=" ti-"], .ti {
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ti-wand:before {
	content: "\e600";
}
.ti-volume:before {
	content: "\e601";
}
.ti-user:before {
	content: "\e602";
}
.ti-unlock:before {
	content: "\e603";
}
.ti-unlink:before {
	content: "\e604";
}
.ti-trash:before {
	content: "\e605";
}
.ti-thought:before {
	content: "\e606";
}
.ti-target:before {
	content: "\e607";
}
.ti-tag:before {
	content: "\e608";
}
.ti-tablet:before {
	content: "\e609";
}
.ti-star:before {
	content: "\e60a";
}
.ti-spray:before {
	content: "\e60b";
}
.ti-signal:before {
	content: "\e60c";
}
.ti-shopping-cart:before {
	content: "\e60d";
}
.ti-shopping-cart-full:before {
	content: "\e60e";
}
.ti-settings:before {
	content: "\e60f";
}
.ti-search:before {
	content: "\e610";
}
.ti-zoom-in:before {
	content: "\e611";
}
.ti-zoom-out:before {
	content: "\e612";
}
.ti-cut:before {
	content: "\e613";
}
.ti-ruler:before {
	content: "\e614";
}
.ti-ruler-pencil:before {
	content: "\e615";
}
.ti-ruler-alt:before {
	content: "\e616";
}
.ti-bookmark:before {
	content: "\e617";
}
.ti-bookmark-alt:before {
	content: "\e618";
}
.ti-reload:before {
	content: "\e619";
}
.ti-plus:before {
	content: "\e61a";
}
.ti-pin:before {
	content: "\e61b";
}
.ti-pencil:before {
	content: "\e61c";
}
.ti-pencil-alt:before {
	content: "\e61d";
}
.ti-paint-roller:before {
	content: "\e61e";
}
.ti-paint-bucket:before {
	content: "\e61f";
}
.ti-na:before {
	content: "\e620";
}
.ti-mobile:before {
	content: "\e621";
}
.ti-minus:before {
	content: "\e622";
}
.ti-medall:before {
	content: "\e623";
}
.ti-medall-alt:before {
	content: "\e624";
}
.ti-marker:before {
	content: "\e625";
}
.ti-marker-alt:before {
	content: "\e626";
}
.ti-arrow-up:before {
	content: "\e627";
}
.ti-arrow-right:before {
	content: "\e628";
}
.ti-arrow-left:before {
	content: "\e629";
}
.ti-arrow-down:before {
	content: "\e62a";
}
.ti-lock:before {
	content: "\e62b";
}
.ti-location-arrow:before {
	content: "\e62c";
}
.ti-link:before {
	content: "\e62d";
}
.ti-layout:before {
	content: "\e62e";
}
.ti-layers:before {
	content: "\e62f";
}
.ti-layers-alt:before {
	content: "\e630";
}
.ti-key:before {
	content: "\e631";
}
.ti-import:before {
	content: "\e632";
}
.ti-image:before {
	content: "\e633";
}
.ti-heart:before {
	content: "\e634";
}
.ti-heart-broken:before {
	content: "\e635";
}
.ti-hand-stop:before {
	content: "\e636";
}
.ti-hand-open:before {
	content: "\e637";
}
.ti-hand-drag:before {
	content: "\e638";
}
.ti-folder:before {
	content: "\e639";
}
.ti-flag:before {
	content: "\e63a";
}
.ti-flag-alt:before {
	content: "\e63b";
}
.ti-flag-alt-2:before {
	content: "\e63c";
}
.ti-eye:before {
	content: "\e63d";
}
.ti-export:before {
	content: "\e63e";
}
.ti-exchange-vertical:before {
	content: "\e63f";
}
.ti-desktop:before {
	content: "\e640";
}
.ti-cup:before {
	content: "\e641";
}
.ti-crown:before {
	content: "\e642";
}
.ti-comments:before {
	content: "\e643";
}
.ti-comment:before {
	content: "\e644";
}
.ti-comment-alt:before {
	content: "\e645";
}
.ti-close:before {
	content: "\e646";
}
.ti-clip:before {
	content: "\e647";
}
.ti-angle-up:before {
	content: "\e648";
}
.ti-angle-right:before {
	content: "\e649";
}
.ti-angle-left:before {
	content: "\e64a";
}
.ti-angle-down:before {
	content: "\e64b";
}
.ti-check:before {
	content: "\e64c";
}
.ti-check-box:before {
	content: "\e64d";
}
.ti-camera:before {
	content: "\e64e";
}
.ti-announcement:before {
	content: "\e64f";
}
.ti-brush:before {
	content: "\e650";
}
.ti-briefcase:before {
	content: "\e651";
}
.ti-bolt:before {
	content: "\e652";
}
.ti-bolt-alt:before {
	content: "\e653";
}
.ti-blackboard:before {
	content: "\e654";
}
.ti-bag:before {
	content: "\e655";
}
.ti-move:before {
	content: "\e656";
}
.ti-arrows-vertical:before {
	content: "\e657";
}
.ti-arrows-horizontal:before {
	content: "\e658";
}
.ti-fullscreen:before {
	content: "\e659";
}
.ti-arrow-top-right:before {
	content: "\e65a";
}
.ti-arrow-top-left:before {
	content: "\e65b";
}
.ti-arrow-circle-up:before {
	content: "\e65c";
}
.ti-arrow-circle-right:before {
	content: "\e65d";
}
.ti-arrow-circle-left:before {
	content: "\e65e";
}
.ti-arrow-circle-down:before {
	content: "\e65f";
}
.ti-angle-double-up:before {
	content: "\e660";
}
.ti-angle-double-right:before {
	content: "\e661";
}
.ti-angle-double-left:before {
	content: "\e662";
}
.ti-angle-double-down:before {
	content: "\e663";
}
.ti-zip:before {
	content: "\e664";
}
.ti-world:before {
	content: "\e665";
}
.ti-wheelchair:before {
	content: "\e666";
}
.ti-view-list:before {
	content: "\e667";
}
.ti-view-list-alt:before {
	content: "\e668";
}
.ti-view-grid:before {
	content: "\e669";
}
.ti-uppercase:before {
	content: "\e66a";
}
.ti-upload:before {
	content: "\e66b";
}
.ti-underline:before {
	content: "\e66c";
}
.ti-truck:before {
	content: "\e66d";
}
.ti-timer:before {
	content: "\e66e";
}
.ti-ticket:before {
	content: "\e66f";
}
.ti-thumb-up:before {
	content: "\e670";
}
.ti-thumb-down:before {
	content: "\e671";
}
.ti-text:before {
	content: "\e672";
}
.ti-stats-up:before {
	content: "\e673";
}
.ti-stats-down:before {
	content: "\e674";
}
.ti-split-v:before {
	content: "\e675";
}
.ti-split-h:before {
	content: "\e676";
}
.ti-smallcap:before {
	content: "\e677";
}
.ti-shine:before {
	content: "\e678";
}
.ti-shift-right:before {
	content: "\e679";
}
.ti-shift-left:before {
	content: "\e67a";
}
.ti-shield:before {
	content: "\e67b";
}
.ti-notepad:before {
	content: "\e67c";
}
.ti-server:before {
	content: "\e67d";
}
.ti-quote-right:before {
	content: "\e67e";
}
.ti-quote-left:before {
	content: "\e67f";
}
.ti-pulse:before {
	content: "\e680";
}
.ti-printer:before {
	content: "\e681";
}
.ti-power-off:before {
	content: "\e682";
}
.ti-plug:before {
	content: "\e683";
}
.ti-pie-chart:before {
	content: "\e684";
}
.ti-paragraph:before {
	content: "\e685";
}
.ti-panel:before {
	content: "\e686";
}
.ti-package:before {
	content: "\e687";
}
.ti-music:before {
	content: "\e688";
}
.ti-music-alt:before {
	content: "\e689";
}
.ti-mouse:before {
	content: "\e68a";
}
.ti-mouse-alt:before {
	content: "\e68b";
}
.ti-money:before {
	content: "\e68c";
}
.ti-microphone:before {
	content: "\e68d";
}
.ti-menu:before {
	content: "\e68e";
}
.ti-menu-alt:before {
	content: "\e68f";
}
.ti-map:before {
	content: "\e690";
}
.ti-map-alt:before {
	content: "\e691";
}
.ti-loop:before {
	content: "\e692";
}
.ti-location-pin:before {
	content: "\e693";
}
.ti-list:before {
	content: "\e694";
}
.ti-light-bulb:before {
	content: "\e695";
}
.ti-Italic:before {
	content: "\e696";
}
.ti-info:before {
	content: "\e697";
}
.ti-infinite:before {
	content: "\e698";
}
.ti-id-badge:before {
	content: "\e699";
}
.ti-hummer:before {
	content: "\e69a";
}
.ti-home:before {
	content: "\e69b";
}
.ti-help:before {
	content: "\e69c";
}
.ti-headphone:before {
	content: "\e69d";
}
.ti-harddrives:before {
	content: "\e69e";
}
.ti-harddrive:before {
	content: "\e69f";
}
.ti-gift:before {
	content: "\e6a0";
}
.ti-game:before {
	content: "\e6a1";
}
.ti-filter:before {
	content: "\e6a2";
}
.ti-files:before {
	content: "\e6a3";
}
.ti-file:before {
	content: "\e6a4";
}
.ti-eraser:before {
	content: "\e6a5";
}
.ti-envelope:before {
	content: "\e6a6";
}
.ti-download:before {
	content: "\e6a7";
}
.ti-direction:before {
	content: "\e6a8";
}
.ti-direction-alt:before {
	content: "\e6a9";
}
.ti-dashboard:before {
	content: "\e6aa";
}
.ti-control-stop:before {
	content: "\e6ab";
}
.ti-control-shuffle:before {
	content: "\e6ac";
}
.ti-control-play:before {
	content: "\e6ad";
}
.ti-control-pause:before {
	content: "\e6ae";
}
.ti-control-forward:before {
	content: "\e6af";
}
.ti-control-backward:before {
	content: "\e6b0";
}
.ti-cloud:before {
	content: "\e6b1";
}
.ti-cloud-up:before {
	content: "\e6b2";
}
.ti-cloud-down:before {
	content: "\e6b3";
}
.ti-clipboard:before {
	content: "\e6b4";
}
.ti-car:before {
	content: "\e6b5";
}
.ti-calendar:before {
	content: "\e6b6";
}
.ti-book:before {
	content: "\e6b7";
}
.ti-bell:before {
	content: "\e6b8";
}
.ti-basketball:before {
	content: "\e6b9";
}
.ti-bar-chart:before {
	content: "\e6ba";
}
.ti-bar-chart-alt:before {
	content: "\e6bb";
}
.ti-back-right:before {
	content: "\e6bc";
}
.ti-back-left:before {
	content: "\e6bd";
}
.ti-arrows-corner:before {
	content: "\e6be";
}
.ti-archive:before {
	content: "\e6bf";
}
.ti-anchor:before {
	content: "\e6c0";
}
.ti-align-right:before {
	content: "\e6c1";
}
.ti-align-left:before {
	content: "\e6c2";
}
.ti-align-justify:before {
	content: "\e6c3";
}
.ti-align-center:before {
	content: "\e6c4";
}
.ti-alert:before {
	content: "\e6c5";
}
.ti-alarm-clock:before {
	content: "\e6c6";
}
.ti-agenda:before {
	content: "\e6c7";
}
.ti-write:before {
	content: "\e6c8";
}
.ti-window:before {
	content: "\e6c9";
}
.ti-widgetized:before {
	content: "\e6ca";
}
.ti-widget:before {
	content: "\e6cb";
}
.ti-widget-alt:before {
	content: "\e6cc";
}
.ti-wallet:before {
	content: "\e6cd";
}
.ti-video-clapper:before {
	content: "\e6ce";
}
.ti-video-camera:before {
	content: "\e6cf";
}
.ti-vector:before {
	content: "\e6d0";
}
.ti-themify-logo:before {
	content: "\e6d1";
}
.ti-themify-favicon:before {
	content: "\e6d2";
}
.ti-themify-favicon-alt:before {
	content: "\e6d3";
}
.ti-support:before {
	content: "\e6d4";
}
.ti-stamp:before {
	content: "\e6d5";
}
.ti-split-v-alt:before {
	content: "\e6d6";
}
.ti-slice:before {
	content: "\e6d7";
}
.ti-shortcode:before {
	content: "\e6d8";
}
.ti-shift-right-alt:before {
	content: "\e6d9";
}
.ti-shift-left-alt:before {
	content: "\e6da";
}
.ti-ruler-alt-2:before {
	content: "\e6db";
}
.ti-receipt:before {
	content: "\e6dc";
}
.ti-pin2:before {
	content: "\e6dd";
}
.ti-pin-alt:before {
	content: "\e6de";
}
.ti-pencil-alt2:before {
	content: "\e6df";
}
.ti-palette:before {
	content: "\e6e0";
}
.ti-more:before {
	content: "\e6e1";
}
.ti-more-alt:before {
	content: "\e6e2";
}
.ti-microphone-alt:before {
	content: "\e6e3";
}
.ti-magnet:before {
	content: "\e6e4";
}
.ti-line-double:before {
	content: "\e6e5";
}
.ti-line-dotted:before {
	content: "\e6e6";
}
.ti-line-dashed:before {
	content: "\e6e7";
}
.ti-layout-width-full:before {
	content: "\e6e8";
}
.ti-layout-width-default:before {
	content: "\e6e9";
}
.ti-layout-width-default-alt:before {
	content: "\e6ea";
}
.ti-layout-tab:before {
	content: "\e6eb";
}
.ti-layout-tab-window:before {
	content: "\e6ec";
}
.ti-layout-tab-v:before {
	content: "\e6ed";
}
.ti-layout-tab-min:before {
	content: "\e6ee";
}
.ti-layout-slider:before {
	content: "\e6ef";
}
.ti-layout-slider-alt:before {
	content: "\e6f0";
}
.ti-layout-sidebar-right:before {
	content: "\e6f1";
}
.ti-layout-sidebar-none:before {
	content: "\e6f2";
}
.ti-layout-sidebar-left:before {
	content: "\e6f3";
}
.ti-layout-placeholder:before {
	content: "\e6f4";
}
.ti-layout-menu:before {
	content: "\e6f5";
}
.ti-layout-menu-v:before {
	content: "\e6f6";
}
.ti-layout-menu-separated:before {
	content: "\e6f7";
}
.ti-layout-menu-full:before {
	content: "\e6f8";
}
.ti-layout-media-right-alt:before {
	content: "\e6f9";
}
.ti-layout-media-right:before {
	content: "\e6fa";
}
.ti-layout-media-overlay:before {
	content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
	content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
	content: "\e6fd";
}
.ti-layout-media-left-alt:before {
	content: "\e6fe";
}
.ti-layout-media-left:before {
	content: "\e6ff";
}
.ti-layout-media-center-alt:before {
	content: "\e700";
}
.ti-layout-media-center:before {
	content: "\e701";
}
.ti-layout-list-thumb:before {
	content: "\e702";
}
.ti-layout-list-thumb-alt:before {
	content: "\e703";
}
.ti-layout-list-post:before {
	content: "\e704";
}
.ti-layout-list-large-image:before {
	content: "\e705";
}
.ti-layout-line-solid:before {
	content: "\e706";
}
.ti-layout-grid4:before {
	content: "\e707";
}
.ti-layout-grid3:before {
	content: "\e708";
}
.ti-layout-grid2:before {
	content: "\e709";
}
.ti-layout-grid2-thumb:before {
	content: "\e70a";
}
.ti-layout-cta-right:before {
	content: "\e70b";
}
.ti-layout-cta-left:before {
	content: "\e70c";
}
.ti-layout-cta-center:before {
	content: "\e70d";
}
.ti-layout-cta-btn-right:before {
	content: "\e70e";
}
.ti-layout-cta-btn-left:before {
	content: "\e70f";
}
.ti-layout-column4:before {
	content: "\e710";
}
.ti-layout-column3:before {
	content: "\e711";
}
.ti-layout-column2:before {
	content: "\e712";
}
.ti-layout-accordion-separated:before {
	content: "\e713";
}
.ti-layout-accordion-merged:before {
	content: "\e714";
}
.ti-layout-accordion-list:before {
	content: "\e715";
}
.ti-ink-pen:before {
	content: "\e716";
}
.ti-info-alt:before {
	content: "\e717";
}
.ti-help-alt:before {
	content: "\e718";
}
.ti-headphone-alt:before {
	content: "\e719";
}
.ti-hand-point-up:before {
	content: "\e71a";
}
.ti-hand-point-right:before {
	content: "\e71b";
}
.ti-hand-point-left:before {
	content: "\e71c";
}
.ti-hand-point-down:before {
	content: "\e71d";
}
.ti-gallery:before {
	content: "\e71e";
}
.ti-face-smile:before {
	content: "\e71f";
}
.ti-face-sad:before {
	content: "\e720";
}
.ti-credit-card:before {
	content: "\e721";
}
.ti-control-skip-forward:before {
	content: "\e722";
}
.ti-control-skip-backward:before {
	content: "\e723";
}
.ti-control-record:before {
	content: "\e724";
}
.ti-control-eject:before {
	content: "\e725";
}
.ti-comments-smiley:before {
	content: "\e726";
}
.ti-brush-alt:before {
	content: "\e727";
}
.ti-youtube:before {
	content: "\e728";
}
.ti-vimeo:before {
	content: "\e729";
}
.ti-twitter:before {
	content: "\e72a";
}
.ti-time:before {
	content: "\e72b";
}
.ti-tumblr:before {
	content: "\e72c";
}
.ti-skype:before {
	content: "\e72d";
}
.ti-share:before {
	content: "\e72e";
}
.ti-share-alt:before {
	content: "\e72f";
}
.ti-rocket:before {
	content: "\e730";
}
.ti-pinterest:before {
	content: "\e731";
}
.ti-new-window:before {
	content: "\e732";
}
.ti-microsoft:before {
	content: "\e733";
}
.ti-list-ol:before {
	content: "\e734";
}
.ti-linkedin:before {
	content: "\e735";
}
.ti-layout-sidebar-2:before {
	content: "\e736";
}
.ti-layout-grid4-alt:before {
	content: "\e737";
}
.ti-layout-grid3-alt:before {
	content: "\e738";
}
.ti-layout-grid2-alt:before {
	content: "\e739";
}
.ti-layout-column4-alt:before {
	content: "\e73a";
}
.ti-layout-column3-alt:before {
	content: "\e73b";
}
.ti-layout-column2-alt:before {
	content: "\e73c";
}
.ti-instagram:before {
	content: "\e73d";
}
.ti-google:before {
	content: "\e73e";
}
.ti-github:before {
	content: "\e73f";
}
.ti-flickr:before {
	content: "\e740";
}
.ti-facebook:before {
	content: "\e741";
}
.ti-dropbox:before {
	content: "\e742";
}
.ti-dribbble:before {
	content: "\e743";
}
.ti-apple:before {
	content: "\e744";
}
.ti-android:before {
	content: "\e745";
}
.ti-save:before {
	content: "\e746";
}
.ti-save-alt:before {
	content: "\e747";
}
.ti-yahoo:before {
	content: "\e748";
}
.ti-wordpress:before {
	content: "\e749";
}
.ti-vimeo-alt:before {
	content: "\e74a";
}
.ti-twitter-alt:before {
	content: "\e74b";
}
.ti-tumblr-alt:before {
	content: "\e74c";
}
.ti-trello:before {
	content: "\e74d";
}
.ti-stack-overflow:before {
	content: "\e74e";
}
.ti-soundcloud:before {
	content: "\e74f";
}
.ti-sharethis:before {
	content: "\e750";
}
.ti-sharethis-alt:before {
	content: "\e751";
}
.ti-reddit:before {
	content: "\e752";
}
.ti-pinterest-alt:before {
	content: "\e753";
}
.ti-microsoft-alt:before {
	content: "\e754";
}
.ti-linux:before {
	content: "\e755";
}
.ti-jsfiddle:before {
	content: "\e756";
}
.ti-joomla:before {
	content: "\e757";
}
.ti-html5:before {
	content: "\e758";
}
.ti-flickr-alt:before {
	content: "\e759";
}
.ti-email:before {
	content: "\e75a";
}
.ti-drupal:before {
	content: "\e75b";
}
.ti-dropbox-alt:before {
	content: "\e75c";
}
.ti-css3:before {
	content: "\e75d";
}
.ti-rss:before {
	content: "\e75e";
}
.ti-rss-alt:before {
	content: "\e75f";
}

/* CSS Document */

body {
  min-height: 100vh;
  background: linear-gradient(6deg, var(--softamber) -20%, transparent 90%);
  background: linear-gradient(5deg, var(--softamber) -20%, transparent 90%);
  background: linear-gradient(5deg, transparent 0%, var(--softamberLight) 20%, transparent 90%);
  /* background: linear-gradient(6deg, var(--steelblueDarker) -20%, var(--steelblue) 90%); */

  box-shadow: inset 0 0 1rem -0.5rem var(--softamberDark);
  font-family: "Albert Sans", sans-serif !important;
}

main > div:last-child > div[class] {
  padding-top: 0 !important;
}

.main-container-padding {
  box-shadow: 0 0 0px 1px var(--softamber-60), 0 0 0px 2px var(--white), 0 0 4px 0px var(--softamber-90), -24px 24px 24px 0px var(--softamber-20);
  min-height: 100vh;
  padding-bottom: 3rem;
}

.main-container-padding > div {
  box-shadow: 0 0 0px 2px var(--white), 0 0 0px 3px var(--softamber), 0 0 4px 1px var(--softamberDark);
}

.main-container > div + div {
  /*background: radial-gradient(transparent, var(--sailLightest)) !important;*/
  background: radial-gradient(var(--white), var(--altoLightest)) !important;
  position: relative;
}

.main-container > div + div:after {
  content: '© Copyright 2024. Martonomy Solutions';
  font-size: 0.65rem;
  font-weight: 500;
  color: var(steelblue);
  display: block;
  position: absolute;
  left: 0;
  bottom: -1.875rem;
  width:100%;
  opacity: .4;
  text-transform: uppercase;
  text-align: right;
  padding: 0 1.5rem;
}


/***************************
  Primary Nav (Desktop)
***************************/
.primary-navbar {
  background: linear-gradient(354deg, var(--softamberLight) 40%, var(--white) 94%);
  background: linear-gradient(0deg, var(--white) 0%, var(--softamberLighter) 2%, var(--softamberLighter) 2%, var(--white) 104%);
  position: sticky;
  top: 0rem;
  z-index: 99;
  padding: 0 1rem;
}

/* primary nav CTAs */
.primary-navbar nav > div > div > a,
.primary-navbar nav a#team {
  color: var(--steelblueDarker) !important;
  padding: 0 0.125rem;
  display: flex;
  align-items: flex-start;
  background: transparent;
}

.primary-navbar nav a#team {
  padding: .25rem 0.125rem;
}

.primary-navbar nav > div > div > a > div {
  font-size: .875rem !important;
  font-weight: 500;
  color: var(--steelblueDarker) !important;
  letter-spacing: 0.01rem;
  display: grid;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 1rem .75rem;
  white-space: nowrap;
  position: relative;;
}

.primary-navbar nav > div > div > a > div:after,
.primary-navbar nav a#team:after,
.primary-navbar .menu > div:nth-child(2):has(#integrations) > div:after,
.primary-navbar #user:before {
  content: "";
  width: 1px;
  display: block;
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  background: repeating-linear-gradient(0deg, var(--black-10), transparent 100%);
}



.primary-navbar nav > div > div > a > div:before,
.primary-navbar .menu > div:nth-child(1):has(#team) > div:before,
.primary-navbar .menu > div:nth-child(2):has(#integrations) > div:before,
.primary-navbar .menu > div:nth-child(3):has(#team) > div:before {
  content: "";
  height: 4px;
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 8px;
  background: var(--softamber);
  border-radius: 1rem;
  width: 16.66%;
  margin: 0 auto;
}

/*.primary-navbar nav > div > div > a:first-child > div:before {
  background: transparent;
  opacity: 1;
  box-shadow: inset 0 0 0px 2px var(--monalisaDark);
}*/

.primary-navbar nav > div > div > .bg-primary-900 > div:before {
  background: transparent;
  opacity: 1;
  box-shadow: inset 0 0 0px 2px var(--monalisaDark);
}

.primary-navbar nav i,
.primary-navbar nav svg,
.primary-navbar nav > div > div > a > div span.h-6.w-6,
.primary-navbar nav a#team span,
.primary-navbar nav a#team svg {
  opacity: .8 !important;
}

.primary-navbar #user {
  position: relative;
}

.primary-navbar #user:before {
  left: 0;
  right: initial;
  bottom: 0;
  top: 0;
}


.primary-navbar nav a#team > div {
  font-size: .875rem !important;
  font-weight: 500;
  color: var(--steelblueDarker) !important;
  letter-spacing: 0.01rem;
  display: grid;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 1rem 0;
}

/* icon */
.primary-navbar nav > div > div > a > div span.h-6.w-6,
.primary-navbar nav a#team span,
.primary-navbar nav a#team svg {
  width: 100% !important;
  height: 1rem !important;
  line-height: 0;
  display: flex;
  align-items: normal;
  justify-content: center;
  color: var(--steelblueDark) !important;
}


/* menu 1st grouping */
.primary-navbar .menu > div:nth-child(1) {

}

.primary-navbar .menu > div:nth-child(1):before {
  content: '';
  background-image: url(/assets/martonomy/favicon-light.png);
  display: inline-flex;
  width: 3rem;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: .75rem;
}



/* menu 2nd grouping */
.primary-navbar .menu > div:nth-child(2) {
  margin-left: 0 !important;
}

/* menu 3rd grouping */
.primary-navbar .menu > div:nth-child(3) {
  margin-left: 0 !important;
}

.primary-navbar .menu > div:nth-child(2) #integrations,
.primary-navbar .menu > div:nth-child(3) #team {

}

.primary-navbar .menu > div:nth-child(2) #integrations {
  margin-left: 1.75rem;
}

.primary-navbar .menu #integrations > div,
.primary-navbar .menu #team > div {
  font-size: .875rem !important;
  font-weight: 500;
  text-transform: capitalize;
  white-space: nowrap;
  color: var(--steelblueDarker) !important;
  padding: 0.75rem;
}

.primary-navbar .menu  > div:nth-child(2):has(#integrations),
.primary-navbar .menu  > div:nth-child(3):has(#team) {
  display: flex;
  height: 74px;
  align-items: end;
  position: relative;
}


.primary-navbar nav > div > div > a:hover,
.primary-navbar .menu #integrations:hover,
.primary-navbar .menu #team:hover {
  background-color: transparent;
  border-radius: 0.25rem;
  box-shadow: inset 0 -.5px 2px .5px var(--softamberDark);
}

/* User Dropdown Menu */
.primary-navbar #user > .invisible {
  max-width: 240px;
  min-width: auto;
  width: 100%;
  position: absolute;
  top: 0;
  left: initial;
  right: 0rem;
  transform: none;
  white-space: nowrap;
}

.primary-navbar .invisible a:hover {
  background: var(--black-20);
}



.primary-navbar #user {
  position: static !important;
}

.primary-navbar #user div:has(.border-white) > div:first-child {
  display: inline-grid;
  grid-template-columns:  max-content 100%;
  gap: .25rem;
}

.primary-navbar #user .border-white {
  width: 2.375rem;
  overflow: hidden;
  border-radius: 100%;
  display: flex;
}

.primary-navbar #user .ml-3 {
  margin-left: 0rem;
}

.primary-navbar #user .ml-3 .text-white,
.primary-navbar #user .ml-3 .text-2xs {
  line-height: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 0;
  max-width: 150px;
}

.primary-navbar #user > .flex .text-white {
  color: var(--steelblueDarker);
}

.primary-navbar #user > .flex .text-2xs {
  color: var(--black-40);
  padding-top: 0.125rem;
}

/***************************
  Breadcrumbs
***************************/

main > div.electron-draggable {
  position: sticky;
  top: 75px;
  z-index: 5;
  background: var(--white-50);
  backdrop-filter: blur(8px);
}

main > div.electron-draggable nav[aria-label="Breadcrumb"] li > div > span {
  font-weight: 500 !important;
  color: var(--steelblueDarker) !important;
  opacity: 1 !important;
}

main > div.electron-draggable nav[aria-label="Breadcrumb"] li > div > span,
main > div.electron-draggable nav[aria-label="Breadcrumb"] li > div > span > span {
  font-size: 0.65rem !important;
}




/***************************
  Team cards
***************************/

main ul.space-y > li {
    box-shadow: 0 0 0px 1px var(--softamber-60), 0 0 0px 5px var(--white), 0 4px 2px 1px var(--softamber-90);
}

main ul.space-y > li svg {
  color: var(--monalisaLight);
  height: auto;
  width: 2rem;
  text-shadow: 2px 2px 0px var(--sailDark);
}

main ul.space-y > li:hover svg {
  color: var(--monalisaDark);
  text-shadow: 2px 2px 0px var(--sailDark);
}


/***************************
  Team cards
***************************/

ul.de-team-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
}
ul.de-team-cards > li {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  margin: 0 !important;
}


/***************************
  Masthead with controls
***************************/
div.items-center:has(.masthead-controls),
div.items-center:has(.masthead-controls) + div {
  position: sticky;
  background: hsl(0deg 0% 96% / 80%);
  display: grid;
  height: auto;
  padding: 1rem 0;
  z-index: 1;
  box-shadow: 0 0 11px whitesmoke;
  backdrop-filter: blur(8px);
}

div.items-center:has(.masthead-controls) {
  top: 108px;
}

/* Horizontal Divider Rule beenath the H1 */
div.items-center:has(.masthead-controls) + div {
  top: 160px;
  overflow: hidden;
  padding: 0;
}

div.items-center:has(.masthead-controls) + div + div {
  padding: 1rem 3rem;
}

div.items-center:has(.masthead-controls) + div [class*=border] {
  border-bottom-width: 1px;
  border-color: var(--black-40);
  box-shadow: none;
  padding-bottom: 1rem;
}

div.items-center:has(.masthead-controls) + div [class*=border] > div {
  border-color: var(--monalisaDark);
  border-color: var(--monalisaDark);
}


.masthead-controls {
  display: grid !important;
  width: 100%;
  grid-template-columns: auto min-content;
}

.masthead-controls h1 {
/*  color: var(--altoDarker);*/
  line-height: normal;
  font-family: "Outfit", sans-serif !important;
  position: relative;
  font-weight: 400;
}




main ul.space-y > li a .font-semibold {
  color: var(--steelblueDarker) !important;
}

main ul.space-y > li a:hover .font-semibold {
  color: var(--steelblueDarker) !important;
}

main ul.space-y > li a:hover {
  opacity: 1;
  background-color: var(--white);
  text-decoration-color: var(--monalisaDark);
  text-underline-offset: .5rem;
}


main ul.space-y > li {
animation: scaleOutLineItem .16s;
}

main ul.space-y > li:has(a:focus),
main ul.space-y > li:hover {
  animation: scaleInLineItem .16s;
  transform-origin: center;
  animation-fill-mode: forwards;
  outline: var(--sail) auto 1px;
  box-shadow: 0 0px 0px 3px var(--sailDark), 0 0px 32px 0px var(--sail-80) !important;
  border-radius: 0.375rem;
}

@keyframes scaleInLineItem {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.99);
  }
}
@keyframes scaleOutLineItem {
  from {
    transform: scale(0.99);
  }
  to {
    transform: scale(1);
  }
}





main ul.space-y > li svg {
  animation: moveIconOut .16s;
}

main ul.space-y > li:hover svg {
  animation: moveIconIn .16s;
  transform-origin: center;
  animation-fill-mode: forwards;
}


@keyframes moveIconIn {
  from {
    transform: translateX(0rem) scale(1);
  }
  to {
    transform: translateX(.5rem) scale(1.25);
  }
}
@keyframes moveIconOut {
  from {
    transform: translateX(.5rem) scale(1.25);
  }
  to {
    transform: translateX(0rem) scale(1);
  }
}



img.rounded-full {
  background-color: #458EAD !important;
}




@media (max-device-width: 1440px) {
  .primary-navbar #user > .flex .text-white,
  .primary-navbar #user > .flex .ml-3 .text-2xs {
    opacity: 0;
    width: 100%;
    overflow: hidden;
  }
}



@media (max-device-width: 960px) {
  main > div.electron-draggable {
    top: 0px;
  }
  div.items-center:has(.masthead-controls) {
    top: 3rem;
  }
  div.items-center:has(.masthead-controls) + div + div {
    padding: 1rem .375rem;
  }
  div.items-center:has(.masthead-controls) + div {
    top: 6.5rem;
  }

  /*******************
    Mobile menu
  ********************/

  #mobile-menu-backdrop .menu {
    overflow: auto;
    height: calc(100vh - 5.125rem);
  }

  #mobile-menu-backdrop .menu a:last-child {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  #mobile-menu-backdrop .right-0 {
    right: .5rem;
  }

}



/*******************
  Sign In
********************/
form > .flex.items-center {

}

/*******************
  Create a New Team
********************/
[data-turn-enter] > div > div > .bg-white.shadow {
  box-shadow: 0 0 0px 1px var(--softamber-60), 0 0 0px 5px var(--white), 0 4px 2px 1px var(--softamber-90);
}


/*******************
  New team created
********************/
updates-for .bg-white.shadow {
  box-shadow: 0 0 0px 1px var(--softamber-60), 0 0 0px 5px var(--white), 0 4px 2px 1px var(--softamber-90);
}


updates-for .bg-white.shadow h2,
updates-for .bg-white.shadow p.leading-normal,
updates-for .bg-white.shadow .space-x > :not([hidden]) ~ :not([hidden]) {
  color: var(--steelblueDarker);
}

.space-y-8 > :not([hidden]) ~ :not([hidden]).overflow-hidden {
  display: none;
}



div.action-dropdown > ul > li > a.button-secondary.button-smaller,
div.action-dropdown > ul > li button.button-secondary.button-smaller {
  font-size: inherit !important;
  text-decoration: none !important;
  color: var(--monalisaDark) !important;
  text-underline-offset: .375rem;
  text-decoration: underline !important;
  background: none !important;
  border-width: 0px !important;
  box-shadow: none !important;
}

div.action-dropdown > ul > li > a.button-secondary.button-smaller:hover,
div.action-dropdown > ul > li button.button-secondary.button-smaller:hover {
  text-decoration: underline !important;
}


/*******************
  Dark mode
********************/
  @media (prefers-color-scheme: dark) {
    .dark\:bg-dark-gradient {
        background-image: linear-gradient(to bottom, var(--dark-primary-700), var(--dark-primary-800) 100%);
        /*background: linear-gradient(6deg, var(--softamber) -20%, transparent 90%);*/
        box-shadow: inset 0 0 1rem -0.5rem var(--steelblueDark);
    }
    .dark\:to-darkPrimary-800 {
        --tw-gradient-to: var(--dark-primary-800);
    }
  }


  @media (prefers-color-scheme: dark) {
      .primary-navbar .menu > div:nth-child(1):before {
        background-image: url(/assets/martonomy/favicon-dark-02.png)
      }

      .primary-navbar nav > div > div > a > div:after,
      .primary-navbar nav a#team:after,
      .primary-navbar .menu > div:nth-child(2):has(#integrations) > div:after {
        background: repeating-linear-gradient(0deg, var(--white-20), transparent 100%);
      }

      .primary-navbar nav > div > div > a > div,
      .primary-navbar .menu > div:nth-child(1):has(#team) > div:before,
      .primary-navbar .menu #integrations > div,
      .primary-navbar .menu #team > div {
        color: var(--white) !important;
      }

      .main-container-padding > div {
        box-shadow: 0 0 7px 5px var(--black-10), 0 0 0px 2px var(--black-40), 0 0 4px 1px var(--steelblue);
      }

      .main-container-padding {
        box-shadow: 0 0 0px 1px var(--steelblue-60), 0 0 0px 2px var(--black), 0 0 4px 0px var(--steelblue-90), -24px 24px 24px 0px var(--steelblue-20);
      }

      .primary-navbar {
        background: var(--black-40) !important;
      }
      .main-container > div + div {
        background: linear-gradient(var(--steelblueDarker), var(--steelblue-10)) !important;
      }

      div.items-center:has(.masthead-controls),
      div.items-center:has(.masthead-controls) + div {
        background: transparent !important;
        box-shadow: none;
      }

      main > div.electron-draggable {
        background: var(--black-20);
      }

      .main-container > div + div {
        background: linear-gradient(var(--black-05), var(--black-20)) !important;
      }

      main > div.electron-draggable nav[aria-label="Breadcrumb"] li > div > span {
        color: var(--white) !important;
      }

      .primary-navbar #user .ml-3 .text-white {
        color: var(--white) !important;
      }
      .primary-navbar #user .ml-3 .text-2xs {
        color: var(--white-80) !important;
      }

      .primary-navbar nav > div > div > a > div:before,
      .primary-navbar .menu > div:nth-child(1):has(#team) > div:before,
      .primary-navbar .menu > div:nth-child(2):has(#integrations) > div:before,
      .primary-navbar .menu > div:nth-child(3):has(#team) > div:before {
        background: var(--sail-20);
      }


      .primary-navbar nav > div > div > a:hover, .primary-navbar .menu #integrations:hover, .primary-navbar .menu #team:hover {
        background-color: transparent;
        box-shadow: inset 0 -.5px 0px 1px var(--steelblue), inset 0 -.5px 4px 2px var(--steelblueDark);
      }

      /* icon */
      .primary-navbar nav > div > div > a > div span.h-6.w-6,
      .primary-navbar nav a#team span,
      .primary-navbar nav a#team svg {
        color: var(--white-80) !important;
      }

      .primary-navbar .dark\:text-gray-400 {
        color: var(--white);
      }


      /* teams */
      main ul.space-y > li:has(a:focus),
      main ul.space-y > li:hover {
        outline: var(--sail) auto 1px;
        box-shadow: inset 0 0px 0px 3px var(--sailDark), 0 0px 32px 0px var(--sail-80) !important;
      }


  }
:root {
  --theme-blue-300: #f4c1be;
  --theme-blue-400: #f0aca8;
  --theme-blue-500: #e05952;
  --theme-blue-600: #dd423b;
  --theme-blue-700: #e46e67;
  --theme-blue-800: #e05952;
  --theme-blue-900: #dd423b;
}

:root, .theme-blue {
  --primary-300: var(--theme-blue-300);
  --primary-400: var(--theme-blue-400);
  --primary-500: var(--theme-blue-500);
  --primary-600: var(--theme-blue-600);
  --primary-700: var(--theme-blue-700);
  --primary-800: var(--theme-blue-800);
  --primary-900: var(--theme-blue-900);
  --dark-accent-200: #b3bcde;
  --light-gradient-from: #f7d5d4;
  --light-gradient-to: #98211b;
  --dark-gradient-from: #f7d5d4;
  --dark-gradient-to: #98211b;
}

.theme-blue .dark-mode-team-name div{
  color:  var(--primary-500) !important;
}

[type='checkbox'], [type='radio'] {
  color:  var(--primary-500) !important;
}

[type='checkbox']:focus, [type='radio']:focus {
  --tw-ring-color:  var(--primary-500) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--primary-500) !important;
}
.select2-container .select2-dropdown {
  border-color: var(--primary-500) !important;
}

.copy-icon {
  margin-left: 10px;
}

.table th {
  font-size: inherit;
}

.campaigns #campaign_table {
  table-layout: fixed;
}

.campaigns #campaign_table tr th:nth-child(1) {
  width: 5%;
}

.campaigns #campaign_table tr th:nth-child(4) select,  table tr th:nth-child(5) select {
  width: 100%;
}

.campaigns #campaign_table tr th:nth-child(5) {
  width: 10%;
}

.campaigns #campaign_table tr th:nth-child(3), #campaign_table_header tr th:nth-child(6), #campaign_table_header tr th:nth-child(8) {
  width: 10%;
}

.campaigns #campaign_table tr th:nth-child(3) {
  width: 25%;
}

.campaigns #campaign_table tr td:nth-child(3) {
  width: 30%;
  overflow: scroll;
}

.campaigns #campaign_table tr th:nth-child(4) {
  width: 11%;
}

#campaign_table_header tr th:nth-child(1) {
  width: 40%;
}

#campaign_table_header tr th:nth-child(2), #campaign_table_header tr th:nth-child(4), #campaign_table_header tr th:nth-child(5) {
  width: 10%;
}

#campaign_table_header tr th:nth-child(3) {
  width: 13%;
}

#campaign_table_header tr th:nth-child(4) select, #campaign_table_header tr th:nth-child(5) select {
  width: 100%;
}

.action-dropdown {
  position: absolute;
}

.minus-2-rem {
  margin-top: -2rem;
}

.minus-1-5-rem {
  margin-top: -1.5rem;
}

.text-transform-inherit {
  text-transform: inherit !important;
}

.items-center-custom {
  align-items: inherit !important;
}

#report_table_header tr th:nth-child(1) {
 width: 50%;
}

#report_table_header tr th:nth-child(3) {
 width: 15%;
}

.campaign-create-button {
  float: right;
}
.campaign-create-button a {
  text-decoration: none;
}
.minus-3-rem {
  margin-top: -3rem !important;
}
#dropdown_new_campaign{
  background-color: var(--primary-500);
}
#dropdown_new_campaign ul li a{
  color: #fff;
}
#dropdown_new_campaign ul li a:hover{
  color: var(--primary-500);
}


@media only screen and (max-width: 600px) {
  .minus-2-rem {
    margin-top: -4rem;
  }
  .new-line { 
    white-space: pre-line;
  }
  .minus-3-rem {
    margin-top: 0 !important;
  }
  table {
    overflow-x:auto;
  }
  .overflow-hidden {
    overflow-x: scroll;
  }
  .mob-marging-bottom-0-25-rem {
    margin-bottom: 0.25rem;
  }
}

.pricing-table .button {
  cursor: pointer;
}


label:has(input[type=radio],input[type=checkbox]) {
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  position: relative;
}

.color-white {
  color: var(--white) !important;
}

/* Medium Devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 991.98px) {
  /* Styles for medium devices */
  updates-for {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }
}

/* Chat bubble style */
#toggleChatButton {
  position: fixed;
  z-index: 1000;
  bottom: 3rem;
  right: 3rem;
}

/* Chat widget container */
#chatWidgetContainer,
.chat-options {
  position: fixed;
  width: calc(100% - 3rem);
  max-width: 365px;
  overflow: auto;
  display: none;
  z-index: 999;
  background: #F8F6F2;
  border: 1px solid #BFB091;
  box-shadow: -3px -1px 24px rgba(0, 0, 0, 0.1);
  border-radius: .5rem;
  bottom: 6.5rem;
  right: 1.5rem;
  z-index: 9999;
}

#chatWidgetContainer {
  position: fixed;
  bottom: 100px; /* Still pops up near the bottom */
  right: 20px; /* Still pops up near the right */
  width: 55vw; /* Larger width, 55% of the viewport */
  height: 85vh; /* Larger height, 95% of the viewport */
  border-radius: 10px; /* Maintain a nice rounded corner */
  overflow: hidden;
  display: none;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 9999; /* Ensure it's above other elements */
}

/* Iframe styling */
#chatWidgetContainer iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* Toggle Button Image Decor */
#toggleChatButton .team-cluster {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -2.015rem;
}

/* Chat Options */
.chat-options {

}
.chat-options-heading {
  padding: 1rem;
  color: var(--white);
  background-color: var(--btn-primary-bg) !important;
  font-size: 1.125rem;
  font-weight: 600;
}
.chat-options-actions {
  padding: 1.5rem 1rem 2rem;
  display: grid;
  row-gap: 1.375rem;
}
.chat-options-actions-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: .5rem;
  cursor: pointer;
  font-weight: bold;
  text-align: left;
  border: 3px solid #E3DCCF;
  background-color: var(--white);
  padding: .5rem 1rem .5rem 4.675rem;
  margin: 0 0 0rem 1.5rem;
  column-gap: .5rem;
  position: relative;
  min-height: 4.75rem;
  transition-duration: .16s;
}
.chat-options-actions-item:hover {
  transform-origin: center;
  transform: scale(.98);
  outline: var(--sail) auto 1px;
  box-shadow: inset 0 -.5px 2px .5px var(--softamberDark), 0 0 0 0.25rem whitesmoke, 0 0 0.75rem 0.625rem var(--sail-50);
}
.chat-options-actions-item-content {
  display: grid;
}
.chat-options-actions-item-content h6 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--steelblue);
  line-height: 1.2;
}
.chat-options-actions-item-content p {
  margin: 0;
  font-size: .675rem;
  font-weight: 500;
  line-height: 1.375;
  color: var(--altoDarker);
}
.chat-options-actions-item-img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.875rem;
  height: 6.375rem;
}
.chat-options-actions-item:nth-child(1) .chat-options-actions-item-img {
  transform: translateY(-53%);
}
.chat-options-actions-item:nth-child(2) .chat-options-actions-item-img {
  transform: translateY(-51%);
}
.chat-options-actions-item-icon {
  font-size: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  height: 100%;
  color: var(--bittersweet);
  font-weight: 200;
  position: relative;
}

.chatbot-font-family {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets,    vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *









 */