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

body {
  font: 400 16px/1.5 "Roboto", sans-serif;
  color: #031e48;
  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; }*/
html {
  overflow-x: hidden; }

/*  .content {} specific styles ---> this is pulled into _base-utilies.scss (site) and editor.scss  */
h1 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 2.35em;
  line-height: 1.1;
  font-weight: 600;
  color: #031e48;
  font-family: "Roboto"; }

h2 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 2.303em;
  line-height: 1.25;
  font-weight: 400;
  color: #a71c20;
  font-family: "Roboto"; }

h3 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 1.8565em;
  line-height: 1.25;
  font-weight: 400;
  color: #031e48;
  font-family: "Roboto"; }

h4 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 1.70915em;
  line-height: 1.25;
  font-weight: 400;
  color: #50becd;
  font-family: "Roboto"; }

h5 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 1.49554em;
  line-height: 1.25;
  font-weight: 400;
  color: #a71c20;
  font-family: "Roboto"; }

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

@media (min-width: 61.25em) {
  h1 a:hover {
    color: black;
    text-decoration: none; }
  h2 a:hover {
    color: #651113;
    text-decoration: none; }
  h3 a:hover {
    color: black;
    text-decoration: none; }
  h4 a:hover {
    color: #2e94a2;
    text-decoration: none; }
  h5 a:hover {
    color: #651113;
    text-decoration: none; } }

h2 a {
  position: relative;
  display: inline-block;
  overflow: hidden; }
  h2 a:before {
    content: "";
    display: block;
    height: 3px;
    width: 0px;
    background: #a71c20;
    margin-left: 126px;
    position: absolute;
    bottom: 1px;
    -webkit-transition: width 0.74s linear;
    -o-transition: width 0.74s linear;
    transition: width 0.74s linear; }
  h2 a:after {
    content: "";
    display: block;
    background: url(/images/redline.svg) left bottom no-repeat;
    height: 4.8px;
    width: 0;
    background-size: 120px;
    position: absolute;
    bottom: 0;
    -webkit-transition: width 0.1s linear;
    -o-transition: width 0.1s linear;
    transition: width 0.1s linear;
    -webkit-transition-delay: .74s;
    -o-transition-delay: .74s;
    transition-delay: .74s; }
  h2 a:hover {
    background-color: transparent !important;
    color: #a71c20 !important;
    text-decoration: none !important; }
    h2 a:hover:before {
      width: 890px;
      /*@include transition(width .74s linear);*/
      -webkit-transition-delay: .1s;
      -o-transition-delay: .1s;
      transition-delay: .1s; }
    h2 a:hover:after {
      width: 120px;
      /*@include transition(width .1s linear);*/
      -webkit-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s; }

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

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

p {
  color: #031e48;
  padding: 0;
  margin: 0;
  font-size: 1.03125em;
  line-height: 1.5; }

a {
  color: #031e48;
  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::-moz-selection {
  background: transparent; }

img::selection {
  background: transparent; }

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

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

::-moz-selection {
  background: #50becd;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #50becd;
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background: #50becd;
  color: #fff;
  text-shadow: none; }

body {
  font-weight: 400;
  font-family: "Lato";
  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: 50%;
  max-width: 250px;
  background: url(/images/admin/logo.svg) no-repeat center left;
  background-size: contain; }

@media (min-width: 75em) {
  .admin-logo {
    width: 20%;
    position: absolute;
    top: 0;
    bottom: 0; } }

.admin-alert {
  color: #464646; }
  .admin-alert .svg-check-mark-icon {
    fill: #fff;
    background-color: #031e48; }

.admin-alert-title {
  color: #031e48; }

.button {
  color: #fff;
  background-color: #031e48; }
  .button.ghost {
    background-color: transparent;
    color: #031e48;
    -webkit-box-shadow: inset 0 0 0 2px #031e48;
    box-shadow: inset 0 0 0 2px #031e48;
    font-weight: 600; }
  .button.grey-300 {
    color: #464646;
    background-color: #e9e9e9; }
  .button.color-a {
    background-color: #031e48; }
  .button.color-b {
    background-color: #a71c20; }
  .button.color-c {
    background-color: #e3a555; }
  .button.color-d {
    background-color: #50becd; }
  .button.ghost {
    background-color: transparent;
    color: #031e48;
    -webkit-box-shadow: inset 0 0 0 2px #031e48;
    box-shadow: inset 0 0 0 2px #031e48; }
  .button.ghost-white {
    background-color: transparent;
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff; }
  @media (min-width: 70.625em) {
    .button:hover, .button:focus {
      color: #031e48;
      background-color: #fff; } }

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

.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: #031e48 !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: #031e48; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger {
      background-color: #031e48; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger:before {
      background-color: #031e48; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger:after {
      background-color: #031e48; }
  .active-mobile-nav .admin-header-wrapper .admin-nav-list {
    background-color: rgba(0, 0, 0, 0.8);
    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;
  -webkit-box-shadow: inset 0 0 5px #505050;
  box-shadow: inset 0 0 5px #505050; }

.drop-down-container .button {
  background-color: #808080;
  color: #fff;
  -webkit-box-shadow: 0 0 0 1px #333;
  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: #031e48; }

.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: #031e48; }

.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 black; }
    .shortcuts-menu .add-shortcut:hover .add-shortcut-icon {
      background-color: #031e48; }
      .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: #031e48; }

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

.shortcuts-menu .add-shortcut-icon .fast_button_active {
  background: #031e48 !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 black;
  background-color: #031e48; }
  .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: #010812; }

.box .panel.generic-toggle.theme-a-minimal > .panel-heading .panel-title {
  border: 1px solid black;
  background-color: #031e48; }
  .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: #010812; }

.segment.two-sided .segment-title {
  color: #031e48; }

.shortcuts-popup .popup-tab label {
  color: #031e48; }

.shortcuts-popup .button.active {
  background-color: #031e48; }

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

.media-gallery.editor .bar .heading:after {
  background-color: #031e48; }

.media-gallery.editor .bar .svg-container {
  fill: #031e48; }

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

.image-selector.ntfy-popup .bar .svg-container {
  fill: #031e48; }

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

.socialicons img {
  background-color: #031e48; }

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

#body .reMode_selected,
#body .reTool:hover,
#body .rtbItem:hover,
#body .rtIn:hover {
  background-color: #031e48 !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: #031e48 !important;
  border: 1px solid #031e48; }

#body .RadTreeView_Metro .rtSelected .rtIn {
  border-color: #031e48;
  background-color: #031e48; }

.box {
  background: #fff;
  border-top: 1px solid #031e48; }
  .box .box {
    background-color: #f2f2f2; }
  .box .box-title {
    color: #031e48; }
  .box .svg-arrow-icon.box-arrow-toggle {
    background: #031e48; }
  .box .box-button {
    background-color: #fff; }
  .box .box-controls .fast_button_active {
    background: #031e48 !important; }
  .box .box-controls-message {
    background: #0747aa;
    color: black; }
  .box .box-arrow-toggle.fast_button_active {
    background: black !important; }
  .box .panel-title .svg-container {
    fill: #000103; }
  .box .box-button-primary {
    /* COPIED FROM _buttons.scss */
    background: #031e48;
    color: #fff; }
    .box .box-button-primary:hover {
      background-color: #042860 !important;
      color: white !important; }
    .box .box-button-primary.fast_button_active {
      background: #021430 !important;
      color: #f2f2f2 !important; }
    .box .box-button-primary .svg-icon {
      fill: #fff; }
  .box .box-button-secondary {
    /* COPIED FROM _buttons.scss */
    background: #e9e9e9;
    color: #031e48; }
    .box .box-button-secondary:hover {
      background-color: #f6f6f6 !important;
      color: #042860 !important; }
    .box .box-button-secondary.fast_button_active {
      background: gainsboro !important;
      color: #021430 !important; }
    .box .box-button-secondary .svg-icon {
      fill: #031e48; }
  .box .box-arrow-toggle {
    fill: #fff; }
  .box .inset-label.button.box-button-primary {
    border: 1px solid #031e48; }
  .box.active {
    background: #031e48;
    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: #031e48;
      background: #fff; }
    .box.active .box-button {
      background-color: #fff;
      color: #031e48; }
  .box.flex-item {
    border-top: 1px solid #031e48; }
  .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: %23031e48 %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: #031e48; }
  .box-offset-action:hover {
    background-color: #596670; }

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

.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: #031e48; }

.custom-file {
  position: relative;
  background-color: #fbfbfb;
  padding: 0;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 225px;
  /*@include flex(0 1 225px);*/
  -webkit-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease; }
  .custom-file input[type="file"] {
    background-color: transparent;
    border: none;
    padding: .65em 1em;
    opacity: 0;
    cursor: pointer;
    width: 100%; }
  .custom-file:before {
    content: 'Browse Computer';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #464646;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: inherit;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer; }
  .custom-file:hover, .custom-file:focus {
    background-color: #596670; }
    .custom-file:hover:before, .custom-file:focus:before {
      color: #fff; }

.filename-element {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-shadow: inset 0 0 0 2px #e9e9e9;
  box-shadow: inset 0 0 0 2px #e9e9e9;
  background-color: transparent;
  font-size: .85em; }
  .filename-element .file-name {
    display: block;
    -webkit-box-flex: 1 1 100%;
    -moz-box-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: .35em;
    text-align: center; }
    .filename-element .file-name:nth-child(odd) {
      border-top: 1px solid #e9e9e9;
      border-bottom: 1px solid #e9e9e9; }
    .filename-element .file-name:first-child {
      border-top: none; }
    .filename-element .file-name:last-child {
      border-bottom: none; }

#attachmentlist div, .commentattachments div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1em;
  min-width: 320px;
  border-bottom: 2px solid #d3d3d3;
  padding-bottom: .25em;
  margin-bottom: .25em;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

#attachmentlist div div, .commentattachments div div {
  border-bottom: 0;
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 320px;
  flex: 1 1 320px;
  margin: 0;
  padding: 0; }

#attachmentlist a, #attachmentlist input[type="submit"], .commentattachments a, .commentattachments input[type="submit"] {
  font-size: .9em;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 5px;
  padding: 0.5em 1em;
  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;
  color: #fff;
  background-color: #031e48; }
  #attachmentlist a:hover, #attachmentlist input[type="submit"]:hover, .commentattachments a:hover, .commentattachments input[type="submit"]:hover {
    background-color: #50becd; }

#attachmentlist input[type="submit"], .commentattachments input[type="submit"] {
  background-color: #D14343; }

.commentattachments {
  margin-top: 1em; }

.button.smaller {
  font-size: .8em;
  margin-bottom: 0; }

.info-label-nopad {
  display: block;
  margin: .75em .75em .25em .75em;
  line-height: 1.25; }

.form-control .flex-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: .75em; }
  .form-control .flex-group .subgroup {
    margin-right: .75em; }
    .form-control .flex-group .subgroup:empty {
      display: none; }
  .form-control .flex-group:empty {
    width: 0 !important; }

.radOrBox-list label {
  margin-right: .75em; }
