*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font: 400 16px/1.5 "Montserrat", sans-serif;
  color: #2d2d2d;
  margin: 0;
  padding: 0;
  background: #fff; }

body * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

nav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

main {
  display: block; }

html,
body {
  overflow-x: hidden; }

/*  .content {} specific styles ---> this is pulled into _base-utilies.scss (site) and editor.scss  */
h1 {
  margin: 0;
  padding: 0;
  font-size: 1.7em;
  line-height: 1.25;
  font-weight: 600;
  color: #31a08f;
  font-family: "Montserrat"; }

h2 {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  line-height: 1.375;
  font-weight: 600;
  color: #050540;
  font-family: "Montserrat"; }

h3 {
  margin: 0;
  padding: 0;
  font-size: 1.375em;
  line-height: 1.364;
  font-weight: 600;
  color: #cd7b0a;
  font-family: "Montserrat"; }

h4 {
  margin: 0;
  padding: 0;
  font-size: 1.25em;
  line-height: 1.4;
  font-weight: 600;
  color: #af2024;
  font-family: "Montserrat"; }

h5 {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  line-height: 1.4;
  font-weight: 600;
  color: #050540;
  font-family: "Montserrat"; }

h1 a, h2 a, h3 a, h4 a, h5 a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none; }

@media (min-width: 48em) {
  h1 {
    font-size: 2em; } }

@media (min-width: 61.25em) {
  h1 a:hover {
    color: #1f655b;
    text-decoration: none; }
  h2 a:hover {
    color: black;
    text-decoration: none; }
  h3 a:hover {
    color: #844f06;
    text-decoration: none; }
  h4 a:hover {
    color: #6e1417;
    text-decoration: none; }
  h5 a:hover {
    color: black;
    text-decoration: none; } }

ul, ol {
  margin: 0;
  padding: 0; }

li {
  list-style: none;
  padding: 0;
  margin: 0; }

p {
  color: #2d2d2d;
  padding: 0;
  margin: 0;
  font-size: 1em;
  line-height: 1.5; }

a {
  color: #af2024;
  text-decoration: none;
  border: none;
  outline: none;
  background-color: transparent; }

a img {
  border: none; }

.txt-left {
  text-align: left; }

.txt-right {
  text-align: right; }

.txt-center {
  text-align: center; }

.clear:before, .clear:after {
  display: table;
  content: ''; }

.clear:after {
  clear: both; }

.no-wrap {
  white-space: nowrap; }

.hidden {
  display: none !important; }

strong, b {
  font-weight: 700; }

em, i {
  font-style: italic; }

blockquote {
  margin-left: 2em; }

img, audio, canvas, video {
  max-width: 100%;
  vertical-align: top; }

img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }

@-ms-viewport {
  width: device-width; }

::selection {
  background: #2e6bf5;
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background: #2e6bf5;
  color: #fff;
  text-shadow: none; }

body {
  font-weight: 400;
  font-family: "Montserrat";
  background: #f2f2f2; }

h1, h2 {
  font-weight: bold; }

a:hover, a:focus {
  text-decoration: none; }

h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus {
  text-decoration: none; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.7em; }

h3 {
  font-size: 1.45em; }

h4 {
  font-size: 1.3em; }

/********                                                                          ********/
.admin-logo {
  display: block;
  position: relative;
  padding: 11px;
  z-index: 20;
  width: 80%;
  max-width: 250px;
  background: url(/images/admin/logo.svg) no-repeat center left;
  background-size: contain; }

/***********************************************************
  @media (min-width: $large-viewport-10) {
    .admin-logo { width: 20%; position: absolute; top: 0; bottom: 0; }
    }
***********************************************************/
.admin-alert {
  color: #464646; }
  .admin-alert .svg-check-mark-icon {
    fill: #fff;
    background-color: #2e6bf5; }

.admin-alert-title {
  color: #2e6bf5; }

#APP-modal .content .close-btn .svg-container .svg-icon {
  fill: #2e6bf5; }

.button {
  color: #fff;
  background-color: #2e6bf5; }
  .button.ghost {
    background-color: transparent;
    color: #2e6bf5;
    box-shadow: inset 0 0 0 2px #2e6bf5;
    font-weight: 600; }
  .button.grey-300 {
    color: #464646;
    background-color: #e9e9e9; }
  .button.color-a {
    background-color: #2e6bf5; }
  .button.color-b {
    background-color: #33a896; }
  .button.color-c {
    background-color: #33a8ff; }
  .button.color-d {
    background-color: #f59c1f; }
  .button.ghost {
    background-color: transparent;
    color: #2e6bf5;
    box-shadow: inset 0 0 0 2px #2e6bf5; }
  .button.ghost-white {
    background-color: transparent;
    color: #fff;
    box-shadow: inset 0 0 0 2px #fff; }
  @media (min-width: 70.625em) {
    .button:hover, .button:focus {
      color: #fff;
      background-color: #2d2d2d; } }

.admin-nav-hamburger {
  background: transparent;
  color: #fff; }
  .admin-nav-hamburger .hamburger-title {
    color: #000; }
  .admin-nav-hamburger .hamburger {
    background-color: #06465f; }
    .admin-nav-hamburger .hamburger:before, .admin-nav-hamburger .hamburger:after {
      background-color: #06465f; }

.admin-header {
  border-bottom: 2px solid #f2f2f2;
  background: #fff; }

.admin-nav-list li .link {
  color: #fff; }

.admin-nav-list li .link:hover {
  background-color: #fff;
  color: #000; }

.admin-nav-list li.fast_button_active .link {
  background-color: #2e6bf5 !important;
  color: #fff !important; }

.active-mobile-nav .admin-header-wrapper {
  background: #fff; }
  .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger {
    background-color: transparent; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger-title {
      color: #2e6bf5; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger {
      background-color: #2e6bf5; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger:before {
      background-color: #2e6bf5; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger:after {
      background-color: #2e6bf5; }
  .active-mobile-nav .admin-header-wrapper .admin-nav-list {
    background-color: #464646;
    color: #f0f0f0; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-list:before {
      background-color: #fff;
      border-bottom: 2px solid #f0f0f0; }
  .active-mobile-nav .admin-header-wrapper .admin-nav-list li.fast_button_active .link {
    background-color: #d7d7d7 !important;
    color: #000 !important; }

.menu-drop-down {
  background: #505050;
  color: #fff;
  box-shadow: inset 0 0 5px #505050; }

.drop-down-container .button {
  background-color: #808080;
  color: #fff;
  box-shadow: 0 0 0 1px #333; }
  .drop-down-container .button:hover, .drop-down-container .button:focus {
    background-color: #000 !important; }
  .drop-down-container .button.fast_button_active {
    background-color: #000 !important; }

.switch-multi-drop-down, .close-multi-drop-down {
  fill: #ddd; }

@media (min-width: 75em) {
  .admin-nav-list li {
    color: #fff; }
    .admin-nav-list li .link {
      color: #8c8c8c; } }

.admin-left-nav {
  background-color: #fff; }
  .admin-left-nav [offc-trigger] {
    color: #fff;
    background-color: #2e6bf5; }

.not-tree-view-list a {
  color: #000;
  background-color: #f0f0f0; }
  .not-tree-view-list a:before {
    background-color: #d3d3d3; }
  .not-tree-view-list a:hover {
    color: #000;
    background-color: #ebebeb; }
  .not-tree-view-list a:hover:before {
    width: 2px;
    background-color: #d3d3d3; }

.not-tree-view-list .not-tree-view-list-item.active a {
  background-color: #e3e3e3; }

.not-tree-view-list .not-tree-view-list-item.active a:before {
  background-color: #2e6bf5; }

.shortcuts-menu .add-shortcut {
  border: 1px solid #8c8c8c; }
  .shortcuts-menu .add-shortcut .svg-container:hover {
    background: #cecece; }
  .shortcuts-menu .add-shortcut:hover {
    border: 2px solid #0a46cd; }
    .shortcuts-menu .add-shortcut:hover .add-shortcut-icon {
      background-color: #2e6bf5; }
      .shortcuts-menu .add-shortcut:hover .add-shortcut-icon:before, .shortcuts-menu .add-shortcut:hover .add-shortcut-icon:after {
        background-color: #fff; }

.shortcuts-menu .add-shortcut-menu {
  background-color: #c6c6c6;
  color: white; }
  .shortcuts-menu .add-shortcut-menu ul li:hover {
    background-color: #bababa; }
  .shortcuts-menu .add-shortcut-menu ul li.fast_button_active {
    background-color: #2e6bf5; }

.shortcuts-menu .add-shortcut-icon:before, .shortcuts-menu .add-shortcut-icon:after {
  background-color: #8c8c8c; }

.shortcuts-menu .add-shortcut-icon .fast_button_active {
  background: #2e6bf5 !important; }

.box .panel.generic-toggle.theme-a > .panel-collapse {
  background-color: #f0f0f0; }

.box .panel.generic-toggle.theme-a > .panel-heading .panel-title {
  border: 1px solid #083aab;
  background-color: #2e6bf5; }
  .box .panel.generic-toggle.theme-a > .panel-heading .panel-title .box-title {
    color: #fff; }
  .box .panel.generic-toggle.theme-a > .panel-heading .panel-title .svg-container {
    fill: #fff; }

.box .panel.generic-toggle.theme-a input[type="text"], .box .panel.generic-toggle.theme-a select, .box .panel.generic-toggle.theme-a textarea {
  background-color: #fff; }

.box .panel.generic-toggle.theme-a:hover > .panel-heading .panel-title {
  background-color: #0b4ce0; }

.box .panel.generic-toggle.theme-a-minimal > .panel-heading .panel-title {
  border: 1px solid #083aab;
  background-color: #2e6bf5; }
  .box .panel.generic-toggle.theme-a-minimal > .panel-heading .panel-title .box-title {
    color: #fff; }
  .box .panel.generic-toggle.theme-a-minimal > .panel-heading .panel-title .svg-container {
    fill: #fff; }

.box .panel.generic-toggle.theme-a-minimal:hover > .panel-heading .panel-title {
  background-color: #0b4ce0; }

.segment.two-sided .segment-title {
  color: #2e6bf5; }

.shortcuts-popup .popup-tab label {
  color: #2e6bf5; }

.shortcuts-popup .button.active {
  background-color: #2e6bf5; }

.media-gallery [offc-trigger]:before,
.media-gallery [offc-mobile-btn]:before {
  color: #2e6bf5; }

.media-gallery.editor .bar .heading:after {
  background-color: #2e6bf5; }

.media-gallery.editor .bar .svg-container {
  fill: #2e6bf5; }

.media-gallery.editor .bar .svg-container:hover {
  background-color: #2e6bf5; }

.image-selector.ntfy-popup .bar .svg-container {
  fill: #2e6bf5; }

.image-selector.ntfy-popup .bar .svg-container:hover {
  background-color: #2e6bf5; }

.socialicons img {
  background-color: #2e6bf5; }

#body .admin-left-nav .RadTreeView .rtSelected .rtIn {
  background-color: #2e6bf5 !important;
  background-image: none;
  color: #fff !important; }
  #body .admin-left-nav .RadTreeView .rtSelected .rtIn:before {
    width: 4px;
    background-color: #2e6bf5; }

#body .reMode_selected,
#body .reTool:hover,
#body .rtbItem:hover,
#body .rtIn:hover {
  background-color: #2e6bf5 !important;
  background-image: none !important; }

#body .RadToolBar_Metro .rtbItemClicked .rtbWrap,
#body .RadToolBar_Metro .rtbSplBtnExpanded .rtbWrap,
#body .RadToolBar_Metro .rtbDropDownExpanded .rtbWrap,
#body .RadToolBar_Metro .rtbChecked .rtbWrap,
#body .RadToolBar_Metro li.rtbChecked .rtbWrap:hover {
  background-color: #2e6bf5 !important;
  border: 1px solid #2e6bf5; }

#body .RadTreeView_Metro .rtSelected .rtIn {
  border-color: #2e6bf5;
  background-color: #2e6bf5; }

.box {
  background: #fff;
  border-top: 1px solid #2e6bf5; }
  .box .box {
    background-color: #f2f2f2; }
  .box .box-title {
    color: #2e6bf5; }
  .box .svg-arrow-icon.box-arrow-toggle {
    background: #2e6bf5; }
  .box .box-button {
    background-color: #fff; }
  .box .box-controls .fast_button_active {
    background: #2e6bf5 !important; }
  .box .box-controls-message {
    background: #8fb0fa;
    color: #093db4; }
  .box .box-arrow-toggle.fast_button_active {
    background: #041c53 !important; }
  .box .panel-title .svg-container {
    fill: #0a47d2; }
  .box .box-button-primary {
    /* COPIED FROM _buttons.scss */
    background: #2e6bf5;
    color: #fff; }
    .box .box-button-primary:hover {
      background-color: #467cf6 !important;
      color: white !important; }
    .box .box-button-primary.fast_button_active {
      background: #165af4 !important;
      color: #f2f2f2 !important; }
    .box .box-button-primary .svg-icon {
      fill: #fff; }
  .box .box-button-secondary {
    /* COPIED FROM _buttons.scss */
    background: #e9e9e9;
    color: #2e6bf5; }
    .box .box-button-secondary:hover {
      background-color: #f6f6f6 !important;
      color: #467cf6 !important; }
    .box .box-button-secondary.fast_button_active {
      background: gainsboro !important;
      color: #165af4 !important; }
    .box .box-button-secondary .svg-icon {
      fill: #2e6bf5; }
  .box .box-arrow-toggle {
    fill: #fff; }
  .box .inset-label.button.box-button-primary {
    border: 1px solid #2e6bf5; }
  .box.active {
    background: #2e6bf5;
    color: #fff;
    border-top: 1px solid #fff !important;
    /* ??? ADDED / NEEDED ??? */ }
    .box.active .box-title,
    .box.active .box-link,
    .box.active .segment-title {
      color: #fff; }
    .box.active .box-arrow-toggle {
      fill: #2e6bf5;
      background: #fff; }
    .box.active .box-button {
      background-color: #fff;
      color: #2e6bf5; }
  .box.flex-item {
    border-top: 1px solid #2e6bf5; }
  .box.loading:after {
    /* follow line to change loading color ----------------------------------------------------------------------------------------------------------------------------------------------- RIGHT BELOW HERE --------------------- */
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-facebook'%3E%3Cstyle type='text/css'%3E.highlight %7B fill: %232e6bf5 %7D /* CHANGE HIGHLIGHT COLOR HERE. %3C/style%3E%3Cg transform='translate(20 50)'%3E%3Crect x='-10' y='-30' width='20' height='60' class='highlight' opacity='0.6'%3E%3CanimateTransform attributeName='transform' type='scale' from='2' to='1' begin='0s' repeatCount='indefinite' dur='1s' calcMode='spline' keySplines='0.1 0.9 0.4 1' keyTimes='0;1' values='2;1'%3E%3C/animateTransform%3E%3C/rect%3E%3C/g%3E%3Cg transform='translate(50 50)'%3E%3Crect x='-10' y='-30' width='20' height='60' class='highlight' opacity='0.8'%3E%3CanimateTransform attributeName='transform' type='scale' from='2' to='1' begin='0.1s' repeatCount='indefinite' dur='1s' calcMode='spline' keySplines='0.1 0.9 0.4 1' keyTimes='0;1' values='2;1'%3E%3C/animateTransform%3E%3C/rect%3E%3C/g%3E%3Cg transform='translate(80 50)'%3E%3Crect x='-10' y='-30' width='20' height='60' class='highlight' opacity='0.9'%3E%3CanimateTransform attributeName='transform' type='scale' from='2' to='1' begin='0.2s' repeatCount='indefinite' dur='1s' calcMode='spline' keySplines='0.1 0.9 0.4 1' keyTimes='0;1' values='2;1'%3E%3C/animateTransform%3E%3C/rect%3E%3C/g%3E%3C/svg%3E"); }

.box-offset-action {
  fill: #fff;
  background-color: #d3d3d3; }
  .box-offset-action.fast_button_active {
    background-color: #2e6bf5; }
  .box-offset-action:hover {
    background-color: #636363; }

.roll-link {
  color: #d3d3d3; }
  .roll-link span:after {
    background: none repeat scroll 0 0 #2e6bf5;
    color: #fff; }
  .roll-link.fast_button_active span {
    background: white !important;
    color: #2d2d2d !important; }
    .roll-link.fast_button_active span:after {
      background: white;
      color: #2d2d2d; }

.bg-grey-100 {
  background-color: #F3F3F3; }

.bg-grey-200 {
  background-color: #f0f0f0; }

.theme-list-grey-200 li {
  list-style: none !important; }

.theme-list-grey-200 li:nth-child(odd) {
  background-color: #f0f0f0; }

.loader > div {
  background: #2e6bf5; }

#alternatepage-one .flex-container .form-control:first-child {
  max-height: 500px;
  max-width: 400px;
  margin-right: 2em;
  overflow: auto;
  box-shadow: 0 0 0 1.5px #2e6bf5; }

#alternatepage-one .flex-container .form-control:nth-child(2) label {
  padding: 0;
  line-height: 1.25;
  color: #333;
  vertical-align: middle;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.5em;
  white-space: normal;
  display: inline-block;
  margin: .75em 2.75em .25em .75em; }

#alternatepage-one .flex-container .form-control:nth-child(2) #selectedpage {
  font-weight: 700;
  color: #2e6bf5; }

#alternatepage-one .flex-container .form-control:nth-child(2) #clearpage {
  display: inline-block;
  margin: 5px 0;
  padding: 0.5em 1em;
  overflow: hidden;
  position: relative;
  font-size: 1.25em;
  font-weight: 600;
  font-family: "Montserrat";
  text-align: center;
  text-decoration: none !important;
  border: none;
  vertical-align: middle;
  line-height: 1.1;
  -webkit-appearance: none;
  outline: none;
  border-radius: 4px;
  fill: #fff !important;
  cursor: pointer;
  background-color: transparent;
  color: #2e6bf5;
  box-shadow: inset 0 0 0 2px #2e6bf5;
  font-weight: 600; }
  #alternatepage-one .flex-container .form-control:nth-child(2) #clearpage:hover, #alternatepage-one .flex-container .form-control:nth-child(2) #clearpage:focus {
    color: #fff;
    background-color: #2e6bf5; }