/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-bf286824a5/6/AppData/Local/Yarn/Berry/cache/css-loader-npm-6.7.3-63aa933400-10.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-1b7e30ecb8/6/AppData/Local/Yarn/Berry/cache/postcss-loader-npm-7.3.0-788d8ed604-10.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../../AppData/Local/Yarn/Berry/cache/resolve-url-loader-npm-5.0.0-9b441067c9-10.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-51a5632b47/6/AppData/Local/Yarn/Berry/cache/sass-loader-npm-13.2.2-b5bbed2dce-10.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/styles/_sf-editor-overrides.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ### Bullets */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) */
/* Large Desktop (max width) */
/* Extra-Large Desktop (min width) */
/* Extra-Large Desktop (max width) */
/* High Definition (HD) - THIS IS THE LEVEL OF OUR DEFAULT STYLES */
/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Subheader */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/*
    Button styles were moved from placeholders to here to reduce generated CSS selector length.
    Ideally you should always either use a real <button> or add the .button class(es) where you needed,
    BUT if you really need it (perhaps to override some 3rd-party styles) you can always do this:

    #specific_selector .my-custom-button {
        @include button; // default styles
        // or
        @include button("secondary", true); // predefined styles WITH base button styles
    }

    You can also "extend" button classes defined in global.scss if you need to (similar to the old way).
    This keeps the css nice and light AS LONG as it's not super-nested beneath some comma-separated parents

    #specific_selector .my-custom-button {
        @extend .button.secondary;
    }
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Link Styler */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Functions */
/****************************************************************************************************/
/* Remove units from a value */
/* Convert pixels to rems */
/* Convert rems to pixels */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Shortcut Selectors */
/****************************************************************************************************/
/*
    Set focus styles ONLY for users that need it.
    Will not work on older browsers (see base focus styles for example of overriding).
*/
/*  Just an alias for focusVisible */
/*
    Focus AND Hover
    A shortcut for when you need to share styles between focus and hover.
    Most of the time styles should go into separate focusVisible and/or :hover rules as needed.
*/
/* Select all FontAwesome icons */
/* Shortcut for writing out h1-h6 */
/* Cross-browser placeholders */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Font Styless & Fluid Type */
/****************************************************************************************************/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;
@include fluid-type($min_width, $max_width, $min_font, $max_font);
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Mixins */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Size & Position */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Overlays & Gradients */
/****************************************************************************************************/
/*background-image: linear-gradient(120deg, scrim-gradient($primaryColour));*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Modifiers  */
/* You shouldn't ever need to use this directly - it's just used to generate our subheader classes */
/* Based content https://frontstuff.io/generate-all-your-utility-classes-with-sass-maps            */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
.sfPageEditor {
  /* html view of code editor */
  /* forms styles */
  /* Accordions */
  /* treeview / Navigation widget designer fixes */
}
.sfPageEditor .sf-top-toolbar[data-sftest=viewCodeTopToolbar] {
  position: fixed !important;
}
.sfPageEditor .sf-modal-window__content {
  margin-top: 3rem;
}
.sfPageEditor .mobileHeader {
  position: relative;
  transform: none;
  top: initial;
  left: initial;
  right: initial;
  bottom: initial;
}
.sfPageEditor .mobileNav {
  transform: none !important;
  visibility: visible !important;
  padding: 2rem !important;
  height: auto !important;
  min-height: auto !important;
}
.sfPageEditor .button:before, .sfPageEditor button:before {
  content: inherit !important;
}
.sfPageEditor input[type=checkbox] {
  all: reset;
}
.sfPageEditor nav.mobileNav {
  display: none !important;
}
.sfPageEditor nav.mobileNav .mobileNavWrapper {
  display: block;
  position: initial;
}
.sfPageEditor #wrapper {
  padding-top: 0 !important;
}
.sfPageEditor #header {
  position: relative !important;
  height: auto !important;
}
.sfPageEditor .RadDockZone {
  box-sizing: inherit;
  -moz-box-sizing: inherit;
}
.sfPageEditor input[type=checkbox] {
  visibility: visible !important;
}
.sfPageEditor.sfTemplateEditor nav.mobileNav {
  display: block !important;
  position: relative;
  right: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.sfPageEditor.sfTemplateEditor nav.mobileNav .mobileNavWrapper {
  display: block;
  position: initial;
}
.sfPageEditor.sfTemplateEditor #header {
  position: relative !important;
  height: auto !important;
}
.sfPageEditor.sfTemplateEditor #header .topHeader {
  height: auto;
  display: block !important;
}
.sfPageEditor.sfTemplateEditor #header .header {
  height: auto;
  display: block !important;
}
.sfPageEditor.sfTemplateEditor main {
  padding-top: 0;
}
.sfPageEditor .accordion .accordionBottom {
  display: block !important;
}
.sfPageEditor .accordion .accordionBottom > * {
  opacity: 1;
}
.sfPageEditor .k-treeview .k-item {
  font-size: 1em !important;
}
.sfPageEditor .k-treeview .k-item .k-icon:before {
  color: initial;
  content: "";
  background: none !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-bf286824a5/6/AppData/Local/Yarn/Berry/cache/css-loader-npm-6.7.3-63aa933400-10.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-1b7e30ecb8/6/AppData/Local/Yarn/Berry/cache/postcss-loader-npm-7.3.0-788d8ed604-10.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../../AppData/Local/Yarn/Berry/cache/resolve-url-loader-npm-5.0.0-9b441067c9-10.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-51a5632b47/6/AppData/Local/Yarn/Berry/cache/sass-loader-npm-13.2.2-b5bbed2dce-10.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/styles/_sf-kendo-editor-styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ### Bullets */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) */
/* Large Desktop (max width) */
/* Extra-Large Desktop (min width) */
/* Extra-Large Desktop (max width) */
/* High Definition (HD) - THIS IS THE LEVEL OF OUR DEFAULT STYLES */
/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Subheader */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/*
    Button styles were moved from placeholders to here to reduce generated CSS selector length.
    Ideally you should always either use a real <button> or add the .button class(es) where you needed,
    BUT if you really need it (perhaps to override some 3rd-party styles) you can always do this:

    #specific_selector .my-custom-button {
        @include button; // default styles
        // or
        @include button("secondary", true); // predefined styles WITH base button styles
    }

    You can also "extend" button classes defined in global.scss if you need to (similar to the old way).
    This keeps the css nice and light AS LONG as it's not super-nested beneath some comma-separated parents

    #specific_selector .my-custom-button {
        @extend .button.secondary;
    }
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Link Styler */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Functions */
/****************************************************************************************************/
/* Remove units from a value */
/* Convert pixels to rems */
/* Convert rems to pixels */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Shortcut Selectors */
/****************************************************************************************************/
/*
    Set focus styles ONLY for users that need it.
    Will not work on older browsers (see base focus styles for example of overriding).
*/
/*  Just an alias for focusVisible */
/*
    Focus AND Hover
    A shortcut for when you need to share styles between focus and hover.
    Most of the time styles should go into separate focusVisible and/or :hover rules as needed.
*/
/* Select all FontAwesome icons */
/* Shortcut for writing out h1-h6 */
/* Cross-browser placeholders */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Font Styless & Fluid Type */
/****************************************************************************************************/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;
@include fluid-type($min_width, $max_width, $min_font, $max_font);
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Mixins */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Size & Position */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Overlays & Gradients */
/****************************************************************************************************/
/*background-image: linear-gradient(120deg, scrim-gradient($primaryColour));*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Modifiers  */
/* You shouldn't ever need to use this directly - it's just used to generate our subheader classes */
/* Based content https://frontstuff.io/generate-all-your-utility-classes-with-sass-maps            */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
.sf-app .sf-editor.k-editor h1.branded, .sf-app .sf-editor.k-editor h2.branded, .sf-app .sf-editor.k-editor h3.branded, .sf-app .sf-editor.k-editor h4.branded, .sf-app .sf-editor.k-editor h5.branded, .sf-app .sf-editor.k-editor h6.branded {
  position: relative;
}
.sf-app .sf-editor.k-editor h1.branded:after, .sf-app .sf-editor.k-editor h2.branded:after, .sf-app .sf-editor.k-editor h3.branded:after, .sf-app .sf-editor.k-editor h4.branded:after, .sf-app .sf-editor.k-editor h5.branded:after, .sf-app .sf-editor.k-editor h6.branded:after {
  content: " ";
  /*position:absolute;*/
  color: #D30C55;
  font-size: 25%;
  margin-left: 0.5em;
}

/* Force text to wrap with hyphen if to long (example long email) */
/**
 * These styles are loaded in the kendo content editor (not the front-end of the website)
 */
.sf-app .sf-editor.k-editor {
  font-family: "Open Sans", sans-serif;
}
.sf-app .sf-editor.k-editor h1 > br:last-of-type, .sf-app .sf-editor.k-editor h2 > br:last-of-type, .sf-app .sf-editor.k-editor h3 > br:last-of-type, .sf-app .sf-editor.k-editor h4 > br:last-of-type, .sf-app .sf-editor.k-editor h5 > br:last-of-type, .sf-app .sf-editor.k-editor h6 > br:last-of-type {
  display: none;
}

/*# sourceMappingURL=admin.css.map*/