/**
 * Use this for your general SASS rules.
 */
/* line 4, ../sass/_base.scss */
html body {
  -webkit-overflow-scrolling: touch;
  padding: 0 !important; }
  /* line 8, ../sass/_base.scss */
  html body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin: 0; }
  /* line 13, ../sass/_base.scss */
  html body.toolbar-horizontal.toolbar-fixed .mm-page, html body.toolbar-vertical.toolbar-fixed .mm-page {
    padding-top: 39px; }
  /* line 18, ../sass/_base.scss */
  html body.toolbar-tray-open.toolbar-horizontal.toolbar-fixed .mm-page {
    padding-top: 79px; }
  /* line 22, ../sass/_base.scss */
  html body > .mm-page.mm-slideout {
    transform: none !important; }
  /* line 25, ../sass/_base.scss */
  html body.mm-wrapper {
    position: unset; }

/* line 31, ../sass/_base.scss */
.mm-page,
.dialog-off-canvas-main-canvas {
  overflow: hidden; }

/* line 36, ../sass/_base.scss */
.mm-wrapper--opened > .mm-page.mm-slideout {
  -webkit-transform: translate3d(var(--mm-translate-horizontal), 0, 0) !important;
  transform: translate3d(var(--mm-translate-horizontal), 0, 0) !important; }

/* line 41, ../sass/_base.scss */
.worx-navigation-logo {
  max-height: 4.4em;
  left: 1em; }

/* line 46, ../sass/_base.scss */
.form-composite > legend,
.label {
  display: inline-block; }

/* line 51, ../sass/_base.scss */
input {
  max-width: 97%; }

/* line 55, ../sass/_base.scss */
img {
  max-width: 100%;
  height: auto !important; }
  /* line 59, ../sass/_base.scss */
  img.align-left, img.align-right {
    display: block;
    float: none !important;
    margin-bottom: 5px; }

/* line 67, ../sass/_base.scss */
.addtoany_list img {
  height: 100% !important;
  max-width: none; }

/* line 72, ../sass/_base.scss */
.block-extra-field-blocknodeworx-sectionaddtoany {
  text-align: center; }

/* line 76, ../sass/_base.scss */
.views-field-view-node {
  text-align: right; }

/* line 81, ../sass/_base.scss */
body a {
  color: #8f0000; }
/* line 84, ../sass/_base.scss */
body a:hover {
  color: #8f0000; }

/* line 89, ../sass/_base.scss */
.contextual a {
  background: #fff !important;
  color: #333 !important;
  padding: 0.4em 0.6em !important; }

/* line 95, ../sass/_base.scss */
#worx-pre-header,
#worx-header,
#worx-pre-content,
#worx-content,
#worx-footer {
  padding: 0 1em; }
  /* line 102, ../sass/_base.scss */
  #worx-pre-header .region,
  #worx-header .region,
  #worx-pre-content .region,
  #worx-content .region,
  #worx-footer .region {
    padding: 1em 0; }

/* line 107, ../sass/_base.scss */
fieldset {
  min-width: min-content;
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0; }

/* line 114, ../sass/_base.scss */
legend {
  display: block;
  width: auto;
  max-width: none;
  padding: 0 .25em;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

@media only screen and (min-width: 769px) {
  /* line 129, ../sass/_base.scss */
  img.align-left {
    float: left !important;
    margin: 0 15px 5px 0; }
  /* line 133, ../sass/_base.scss */
  img.align-right {
    float: right !important;
    margin: 0 0 5px 15px; } }
@media only screen and (min-width: 1200px) {
  /* line 142, ../sass/_base.scss */
  .region {
    max-width: 1200px;
    margin: 0 auto; } }
/**
 * Use this for your administrative SASS rules.
 */
/* line 8, ../sass/_administration.scss */
.path-slide-admin .views-table,
.path-slide-sort .views-table {
  width: 100%; }
  /* line 11, ../sass/_administration.scss */
  .path-slide-admin .views-table .views-field-field-image,
  .path-slide-sort .views-table .views-field-field-image {
    width: 140px;
    text-align: center; }

/* line 18, ../sass/_administration.scss */
a.tabledrag-handle .handle {
  width: 24px;
  height: 24px; }

/* line 26, ../sass/_administration.scss */
#block-faqadmin .field--name-body ul {
  margin: 1em 0;
  padding: 0;
  list-style: none; }
  /* line 31, ../sass/_administration.scss */
  #block-faqadmin .field--name-body ul li {
    display: inline-block;
    margin: 0 0.3em; }
    /* line 35, ../sass/_administration.scss */
    #block-faqadmin .field--name-body ul li:first-child {
      margin-left: 0; }
    /* line 38, ../sass/_administration.scss */
    #block-faqadmin .field--name-body ul li a {
      display: inline-block;
      padding: 0.2em 0.5em 0.3em;
      text-decoration: none;
      line-height: 160%; }
      /* line 44, ../sass/_administration.scss */
      #block-faqadmin .field--name-body ul li a:before {
        margin-left: -0.1em;
        padding-right: 0.2em;
        content: "+";
        font-weight: 900; }

/**
 * Use this for Layout builder gap fix.
 */
@media screen and (min-width: 40em) {
  /* line 6, ../sass/_layout-fix.scss */
  .layout--twocol-section,
  .layout--threecol-section,
  .layout--fourcol-section {
    column-gap: 1.5%; }

  /* line 13, ../sass/_layout-fix.scss */
  .layout--twocol-section.layout--twocol-section--50-50 .layout__region {
    flex: 0 1 49.25%; }

  /* line 18, ../sass/_layout-fix.scss */
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first {
    flex: 0 1 32.25%; }
  /* line 21, ../sass/_layout-fix.scss */
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second {
    flex: 0 1 66.25%; }

  /* line 26, ../sass/_layout-fix.scss */
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    flex: 0 1 66.25%; }
  /* line 29, ../sass/_layout-fix.scss */
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
    flex: 0 1 32.25%; }

  /* line 34, ../sass/_layout-fix.scss */
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first {
    flex: 0 1 24.25%; }
  /* line 37, ../sass/_layout-fix.scss */
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second {
    flex: 0 1 74.25%; }

  /* line 42, ../sass/_layout-fix.scss */
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
    flex: 0 1 74.25%; }
  /* line 45, ../sass/_layout-fix.scss */
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
    flex: 0 1 24.25%; }

  /* line 51, ../sass/_layout-fix.scss */
  .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--first,
  .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--third {
    flex: 0 1 32.25%; }
  /* line 55, ../sass/_layout-fix.scss */
  .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--second {
    flex: 0 1 32.5%; }

  /* line 60, ../sass/_layout-fix.scss */
  .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--first,
  .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--third {
    flex: 0 1 24.25%; }
  /* line 64, ../sass/_layout-fix.scss */
  .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--second {
    flex: 0 1 48.5%; }

  /* line 69, ../sass/_layout-fix.scss */
  .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--first,
  .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--second {
    flex: 0 1 24.25%; }
  /* line 73, ../sass/_layout-fix.scss */
  .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--third {
    flex: 0 1 48.5%; }

  /* line 78, ../sass/_layout-fix.scss */
  .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--second,
  .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--third {
    flex: 0 1 24.25%; }
  /* line 82, ../sass/_layout-fix.scss */
  .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--first {
    flex: 0 1 48.5%; }

  /* line 88, ../sass/_layout-fix.scss */
  .layout--fourcol-section.layout--fourcol-section .layout__region {
    flex: 0 1 24.25%; } }
/**
 * Use this only for things related to the header. This could include things like blocks that are in the header.
 * Please do not include main-menu SASS in this file, put that in the _main-menu.scss file.
 */
@media only screen and (min-width: 769px) {
  /* line 8, ../sass/_header.scss */
  .region-header {
    display: grid;
    grid-template-columns: auto 1fr; }
    /* line 12, ../sass/_header.scss */
    .region-header #block-surexpress-theme-logo {
      grid-row: span 2; }
    /* line 17, ../sass/_header.scss */
    .region-header #block-surexpress-theme-headerinfo .field--name-body p {
      margin: 0; } }
/**
 * Use this only for things related to the header. This could include things like blocks that are in the header.
 * Please do not include main-menu SASS in this file, put that in the _main-menu.scss file.
 */
/* line 6, ../sass/_navigation.scss */
#worx-navigation {
  background: #8f0000;
  z-index: 3; }

/**
 * Use this only for things related to the main-menu.
 */
/* line 4, ../sass/_main-menu.scss */
#worx-navigation .worx-navigation {
  display: none !important;
  padding: 0; }

/* line 9, ../sass/_main-menu.scss */
.worx-navigation-hamburger-menu {
  display: none !important; }

/* line 13, ../sass/_main-menu.scss */
#block-responsivemenumobileicon,
#block-dlo-theme-responsivemenumobileicon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10; }
  /* line 20, ../sass/_main-menu.scss */
  #block-responsivemenumobileicon .label,
  #block-dlo-theme-responsivemenumobileicon .label {
    display: none; }
  /* line 24, ../sass/_main-menu.scss */
  #block-responsivemenumobileicon .responsive-menu-toggle-icon:before, #block-responsivemenumobileicon .responsive-menu-toggle-icon:after,
  #block-responsivemenumobileicon .responsive-menu-toggle-icon span.icon,
  #block-dlo-theme-responsivemenumobileicon .responsive-menu-toggle-icon:before,
  #block-dlo-theme-responsivemenumobileicon .responsive-menu-toggle-icon:after,
  #block-dlo-theme-responsivemenumobileicon .responsive-menu-toggle-icon span.icon {
    background: #fff;
    width: 30px;
    height: 5px;
    left: 7px;
    border-radius: 5px; }
  /* line 33, ../sass/_main-menu.scss */
  #block-responsivemenumobileicon .responsive-menu-toggle-icon:before,
  #block-dlo-theme-responsivemenumobileicon .responsive-menu-toggle-icon:before {
    top: 5px; }
  /* line 36, ../sass/_main-menu.scss */
  #block-responsivemenumobileicon .responsive-menu-toggle-icon:after,
  #block-dlo-theme-responsivemenumobileicon .responsive-menu-toggle-icon:after {
    top: 24px; }

@media only screen and (min-width: 870px) {
  /* line 43, ../sass/_main-menu.scss */
  #worx-navigation .worx-navigation {
    display: block !important;
    padding: 0; }
    /* line 47, ../sass/_main-menu.scss */
    #worx-navigation .worx-navigation > ul {
      justify-content: flex-end; }
      /* line 51, ../sass/_main-menu.scss */
      #worx-navigation .worx-navigation > ul > li > a,
      #worx-navigation .worx-navigation > ul > li > span {
        color: #fff;
        padding: .5em 1em; }
      /* line 56, ../sass/_main-menu.scss */
      #worx-navigation .worx-navigation > ul > li > a:hover {
        color: #fff;
        font-weight: bold; }
      /* line 60, ../sass/_main-menu.scss */
      #worx-navigation .worx-navigation > ul > li > a.is-active {
        color: #fff;
        font-weight: bold; }

  /* line 67, ../sass/_main-menu.scss */
  #block-responsivemenumobileicon,
  #block-dlo-theme-responsivemenumobileicon {
    display: none; } }
/**
 * Use this only for things related to the pre-content. This could include things like blocks that are in the
 * pre-content.
 */
/* line 6, ../sass/_pre-content.scss */
#worx-pre-content {
  min-height: 69px;
  padding: 0; }
  /* line 10, ../sass/_pre-content.scss */
  #worx-pre-content .region {
    padding: 0;
    max-width: unset; }
  /* line 14, ../sass/_pre-content.scss */
  #worx-pre-content #block-surexpress-theme-page-title {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 1; }
    /* line 20, ../sass/_pre-content.scss */
    #worx-pre-content #block-surexpress-theme-page-title h1 {
      background: rgba(255, 255, 255, 0.45);
      padding: .5rem 1rem .3rem; }

/* line 29, ../sass/_pre-content.scss */
.path-node-12 #worx-pre-content {
  padding: 0; }
  /* line 32, ../sass/_pre-content.scss */
  .path-node-12 #worx-pre-content .region {
    padding: 0;
    max-width: unset; }
    /* line 37, ../sass/_pre-content.scss */
    .path-node-12 #worx-pre-content .region #block-surexpress-theme-views-block-slideshow-block-1 .flexslider {
      border: none;
      margin: 0;
      position: relative; }
      /* line 42, ../sass/_pre-content.scss */
      .path-node-12 #worx-pre-content .region #block-surexpress-theme-views-block-slideshow-block-1 .flexslider .views-field-body {
        position: absolute;
        width: 100%;
        bottom: 0;
        text-align: center; }
        /* line 50, ../sass/_pre-content.scss */
        .path-node-12 #worx-pre-content .region #block-surexpress-theme-views-block-slideshow-block-1 .flexslider .views-field-body .field-content {
          background: rgba(255, 255, 255, 0.45);
          display: inline-block;
          padding: .5em 1em .3em; }

/**
 * Use this only for things related to the main-content. This could include things like blocks that are in the
 * main-content.
 */
/* line 8, ../sass/_main-content.scss */
.layout__region .block > h2 {
  text-align: center; }

/* line 16, ../sass/_main-content.scss */
.path-node-12 #worx-content {
  padding: 0; }
  /* line 19, ../sass/_main-content.scss */
  .path-node-12 #worx-content .region {
    padding: 0;
    max-width: unset; }
    /* line 23, ../sass/_main-content.scss */
    .path-node-12 #worx-content .region .layout--onecol {
      padding: 0 1em;
      /* .block-inline-blockbasic {
        > h2 {
          text-align: center;
        }
      } */ }
      /* line 26, ../sass/_main-content.scss */
      .path-node-12 #worx-content .region .layout--onecol .layout__region {
        padding: 1em 0; }
      /* line 29, ../sass/_main-content.scss */
      .path-node-12 #worx-content .region .layout--onecol:nth-child(2) {
        background: #8f0000;
        color: #fff; }
        /* line 33, ../sass/_main-content.scss */
        .path-node-12 #worx-content .region .layout--onecol:nth-child(2) a {
          color: #fff;
          text-decoration: underline; }
        /* line 38, ../sass/_main-content.scss */
        .path-node-12 #worx-content .region .layout--onecol:nth-child(2) .block-views-blockfeatured-services-list-block-1 .views-row {
          margin-bottom: 1em; }

/* line 55, ../sass/_main-content.scss */
.path-node-19 #worx-content {
  padding: 0; }
  /* line 58, ../sass/_main-content.scss */
  .path-node-19 #worx-content .region {
    padding: 0;
    max-width: unset; }
    /* line 62, ../sass/_main-content.scss */
    .path-node-19 #worx-content .region .layout--onecol {
      padding: 0 1em; }
      /* line 65, ../sass/_main-content.scss */
      .path-node-19 #worx-content .region .layout--onecol .layout__region {
        padding: 1em 0; }
      /* line 68, ../sass/_main-content.scss */
      .path-node-19 #worx-content .region .layout--onecol:nth-child(1) {
        display: none; }
      /* line 71, ../sass/_main-content.scss */
      .path-node-19 #worx-content .region .layout--onecol:nth-child(3) {
        border-top: 2px solid;
        border-bottom: 2px solid; }
        /* line 76, ../sass/_main-content.scss */
        .path-node-19 #worx-content .region .layout--onecol:nth-child(3) .block-layout-builder p {
          margin: 0; }

@media only screen and (min-width: 769px) {
  /* line 95, ../sass/_main-content.scss */
  .path-node-12 #worx-content .region .node--type-worx-section > .node__content > .layout--onecol:nth-child(1) .layout__region {
    display: flex;
    column-gap: 1em; }
    /* line 99, ../sass/_main-content.scss */
    .path-node-12 #worx-content .region .node--type-worx-section > .node__content > .layout--onecol:nth-child(1) .layout__region .block-field-blocknodeworx-sectionfield-image {
      flex: unset; }
    /* line 102, ../sass/_main-content.scss */
    .path-node-12 #worx-content .region .node--type-worx-section > .node__content > .layout--onecol:nth-child(1) .layout__region .block-inline-blockbasic:nth-child(2) {
      flex: 1 1 25%; }
    /* line 105, ../sass/_main-content.scss */
    .path-node-12 #worx-content .region .node--type-worx-section > .node__content > .layout--onecol:nth-child(1) .layout__region .block-views-blockabout-us-block-1 {
      flex: 1 1 50%; }
  /* line 112, ../sass/_main-content.scss */
  .path-node-12 #worx-content .region .node--type-worx-section > .node__content > .layout--onecol:nth-child(2) .block-views-blockfeatured-services-list-block-1 .view-content {
    display: flex;
    row-gap: 1em;
    column-gap: 1em; }
  /* line 117, ../sass/_main-content.scss */
  .path-node-12 #worx-content .region .node--type-worx-section > .node__content > .layout--onecol:nth-child(2) .block-views-blockfeatured-services-list-block-1 .views-row {
    flex: 0 1 33%;
    margin-bottom: 0;
    display: flex;
    flex-flow: column; }
    /* line 123, ../sass/_main-content.scss */
    .path-node-12 #worx-content .region .node--type-worx-section > .node__content > .layout--onecol:nth-child(2) .block-views-blockfeatured-services-list-block-1 .views-row .views-field-body {
      flex: 1; }

  /* line 141, ../sass/_main-content.scss */
  .path-node-19 #worx-content .region .node__content .layout--onecol:nth-child(2) .layout__region {
    display: flex;
    column-gap: 1em; }
    /* line 145, ../sass/_main-content.scss */
    .path-node-19 #worx-content .region .node__content .layout--onecol:nth-child(2) .layout__region .block-layout-builder {
      flex: 1 1 50%; }
      /* line 149, ../sass/_main-content.scss */
      .path-node-19 #worx-content .region .node__content .layout--onecol:nth-child(2) .layout__region .block-layout-builder:nth-child(2) ul {
        column-count: 2;
        list-style: none;
        padding: 0; }
  /* line 159, ../sass/_main-content.scss */
  .path-node-19 #worx-content .region .node__content .layout--onecol:nth-child(4) .layout__region {
    display: flex;
    column-gap: 1em; }
    /* line 163, ../sass/_main-content.scss */
    .path-node-19 #worx-content .region .node__content .layout--onecol:nth-child(4) .layout__region .block-layout-builder {
      flex: 1 1 50%; }
    /* line 166, ../sass/_main-content.scss */
    .path-node-19 #worx-content .region .node__content .layout--onecol:nth-child(4) .layout__region .block-views-blockrecent-blog-recent-blog {
      flex: 1 1 50%; }
      /* line 169, ../sass/_main-content.scss */
      .path-node-19 #worx-content .region .node__content .layout--onecol:nth-child(4) .layout__region .block-views-blockrecent-blog-recent-blog img {
        float: fleft;
        margin: 0 15px 5px 0;
        width: 190px; } }
@media only screen and (min-width: 1200px) {
  /* line 191, ../sass/_main-content.scss */
  .path-node-12 #worx-content .region .layout--onecol .layout__region,
  .path-node-19 #worx-content .region .layout--onecol .layout__region {
    max-width: 1200px;
    margin: 0 auto; } }
/**
 * Use this only for things related to the footer. This could include things like blocks that are in the footer.
 */
/* line 5, ../sass/_footer.scss */
#worx-footer {
  padding: 0 1em 1em;
  text-align: center; }

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