@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxRSW3z.ttf) format('truetype');
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librebaskerville/v14/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxY.ttf) format('truetype');
}
/* palette 2 https://coolors.co/195890-398aca-48c3f1-7a3b69-fac9b8 */
/*
$bdazzled-blue: rgba(25, 88, 144, 1);
$green-blue-crayola: rgba(57, 138, 202, 1);
$vivid-sky-blue: rgba(72, 195, 241, 1);
$byzantium: rgba(122, 59, 105, 1);
@accentColorLightRGB:   rgba(187, 230, 228, 1);

/* variables */
/*  base color scheme */
/* base */
html {
  text-rendering: optimizelegibility;
  font-size: 100%;
}
/* typography */
body {
  color: #292934;
  font-family: 'DM Sans', sans-serif;
  font-size: 1em;
  line-height: 125%;
  margin: 0 auto;
}
h1,
h2,
h3,
.serif {
  font-family: 'Libre Baskerville', serif;
}
/* ------------------header------------------- */
#headerWrapper {
  background: #fff;
  color: #7a3b69;
}
#headerWrapper #logoWrapper {
  text-align: center;
  z-index: 100;
}
#headerWrapper #logoWrapper a {
  background: #398ACA;
  background: linear-gradient(90deg, #195890 0%, #398ACA 35%, #48C3F1 100%);
  border-radius: 0 0 30px 30px;
  box-shadow: 0 1px 8px #000;
  padding: 10px;
  display: inline-block;
}
#headerWrapper #logoWrapper a img {
  max-height: 100px;
}
#headerWrapper #cmSideDrawer .logo-wrapper {
  background: #398ACA;
  background: linear-gradient(90deg, #195890 0%, #398ACA 35%, #48C3F1 100%);
  margin-bottom: 40px;
}
#headerWrapper #cmSideDrawer h2 {
  padding: 7px 15px;
  background: #398ACA;
  color: #fff;
}
#headerWrapper #cmSideDrawer ul {
  list-style: none;
}
#headerWrapper #cmSideDrawer a {
  text-decoration: none;
  font-size: 1.2em;
  padding: 4px 0;
  display: inline-block;
  color: #195890;
}
#headerWrapper #mobileHeader {
  background: #292934;
  background: linear-gradient(90deg, #000 0%, #121212 35%, #292934 100%);
  padding: 30px;
}
#headerWrapper #mobileHeader #appBar {
  background: #195890;
  color: #fff;
  padding: 12px;
  font-size: 1.2em;
}
#headerWrapper #mobileHeader #appBar #appButton {
  color: #fff;
  padding-right: 12px;
}
#headerWrapper #mobileHeader #appButton {
  color: #000;
  font-weight: 700;
  position: fixed;
  top: 62px;
  left: 20px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.8);
  width: 30px;
  padding: 0;
  text-align: center;
}
#homeSplash {
  background: url('../images/retail-1m.jpg') top center no-repeat transparent;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
#homeSplash .splash-inner {
  padding: 30px;
  margin-top: 70px;
  margin-bottom: 100px;
  background: #398ACA;
  background: linear-gradient(90deg, rgba(72, 195, 241, 0.7) 0%, rgba(255, 255, 255, 0.8) 35%, rgba(122, 59, 105, 0.7) 100%);
  border-radius: 100px 0 100px 0;
}
#homeSplash .splash-inner h1 {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 2em;
  font-family: 'Libre Baskerville', serif;
}
#homeSplash .splash-inner h3 {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.2em;
}
#homeSplash .splash-inner h3 a {
  color: inherit;
}
#homeClients {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #f6f6f6;
}
#homeWho {
  background: url('../images/teamwork-1m.jpg') top center no-repeat transparent;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px;
}
#homeWho p {
  color: #fff;
  font-size: 1.3em;
  line-height: 2em;
}
#homeWho p strong {
  color: #ddd;
}
#homeFeatures {
  padding-top: 80px;
  padding-bottom: 80px;
}
#homeFeatures > .row {
  padding-top: 30px;
  padding-bottom: 30px;
}
#homeFeatures h2,
#homeFeatures i {
  text-align: center;
}
#homeFeatures h2 {
  padding: 20px;
}
#homeFeatures p {
  font-size: 1.3em;
  line-height: 2em;
  padding: 0 30px;
}
#homeFeatures p strong {
  color: #7a3b69;
}
#homeFeaturesTwo {
  background: #398ACA;
  padding-top: 100px;
  padding-bottom: 100px;
  background: linear-gradient(90deg, #195890 0%, #398ACA 35%, #48C3F1 100%);
}
#homeFeaturesTwo .feat-section {
  padding: 20px;
  background: #fff;
  box-shadow: 0 3px 8px #676767;
  min-height: 340px;
  border-radius: 16px;
  margin-bottom: 20px;
}
#homeFeaturesTwo .feat-section h2 {
  padding: 10px;
}
#homeFeaturesTwo .feat-section i {
  color: #398ACA;
}
#homeContact {
  background: #7a3b69;
  color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
#homeContact .btn {
  font-weight: 700 !important;
  text-transform: uppercase;
  border-width: 3px !important;
}
#homeMSLBA {
  background: #532847;
  color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
#homeMSLBA .btn {
  font-weight: 700 !important;
  text-transform: uppercase;
  border-width: 3px !important;
}
#homeContactTwo {
  background: #398ACA;
  background: linear-gradient(90deg, #7a3b69 0%, #48c3f1 35%, #195890 100%);
  color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
#homeContactTwo .btn {
  font-weight: 700 !important;
  text-transform: uppercase;
  border-width: 3px !important;
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) {
  .nav-wrapper ul {
    display: inline-block;
    list-style: none;
    text-align: center;
    margin: 3px;
    padding: 3px;
  }
  .nav-wrapper ul li {
    display: inline;
    padding: 0 2px;
  }
  .nav-wrapper ul li a {
    text-decoration: none;
    display: inline-block;
    color: #292934;
    font-size: 1em;
    line-height: 60px;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.5s ease-out;
  }
  .nav-wrapper ul li a:hover {
    background: -webkit-linear-gradient(#398ACA, #7a3b69);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.1em;
  }
  .nav-wrapper ul li .text-gradient {
    background: -webkit-linear-gradient(#398ACA, #7a3b69);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .nav-wrapper ul li .btn {
    border-width: 4px;
  }
  #adminNav {
    background: #ddd;
    padding: 10px 0 0 20px;
    border-bottom: solid 1px #bbb;
  }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 994px) {
  #homeSplash {
    background: url('../images/retail-1.jpg') top center no-repeat transparent;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }
  #homeSplash .splash-inner {
    padding: 80px;
    margin-top: 200px;
    margin-bottom: 240px;
  }
  #homeSplash .splash-inner h1 {
    font-size: 2.5em;
  }
  #homeSplash .splash-inner h2 {
    font-size: 1.5em;
    line-height: 2em;
  }
}
/*end media query */
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  #homeSplash {
    margin-top: -10px;
    z-index: 50;
  }
  #homeSplash {
    background: url('../images/retail-1.jpg') top center no-repeat transparent;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }
  #homeSplash .splash-inner {
    padding: 80px;
    margin-top: 200px;
    margin-bottom: 240px;
  }
  .nav-wrapper ul li {
    padding: 0 6px;
  }
  .nav-wrapper ul li a {
    padding: 0 6px;
    font-size: 1.1em;
    line-height: 60px;
  }
  .nav-wrapper ul li a:hover {
    font-size: 1.2em;
  }
}
/*end media query */
@media only screen and (min-width: 1400px) {
  #homeSplash {
    margin-top: -20px;
  }
  .nav-wrapper ul li {
    padding: 0 15px;
  }
  .nav-wrapper ul li a {
    padding: 0 6px;
    font-size: 1.3em;
    line-height: 60px;
  }
  .nav-wrapper ul li a:hover {
    font-size: 1.4em;
  }
}
/*end media query */
/* cover example
.header-background {
    .cover-bg('images/headerbg1mobile.jpg');
}
*/
/* --------------home-------------*/
/*--------pages---------*/
.content-page-wrapper {
  min-height: 300px;
  background: radial-gradient(#eee 3px, transparent 4px), radial-gradient(#eee 3px, transparent 4px), linear-gradient(#fff 4px, transparent 0), linear-gradient(45deg, transparent 74px, transparent 75px, #eee 75px, #eee 76px, transparent 77px, transparent 109px), linear-gradient(-45deg, transparent 75px, transparent 76px, #eee 76px, #eee 77px, transparent 78px, transparent 109px), #fff;
  background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
  background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
  /*
    .page-title {
        background: linear-gradient(90deg, @darkPrimaryColor 30%, @primaryColor 65%, @accentColor 100%);
        margin-bottom: 50px;
        > div {
            background:rgba(255,255,255, .8);
            padding: 20px;
        }
        h1 {
            margin-top: 30px;
            margin-bottom: 80px;
            background: -webkit-linear-gradient(@color-medgray, @color-dkgray);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            .serif();
            //font-weight: 700;
            font-size: 3em;
        }
        h2 {
            //margin-top: 30px;
            margin-bottom: 20px;
            font-size: 2em;
        }
        p {
            font-size: 1.2em;
            line-height: 1.6em;
            color: #676767;
        }
        
    }
    */
}
.content-page-wrapper .page-title {
  background: linear-gradient(75deg, #000 3%, #195890 50%, #7a3b69 100%);
  padding-bottom: 60px;
  color: #fff;
}
.content-page-wrapper .page-title > div {
  padding: 20px;
}
.content-page-wrapper .page-title h1 {
  margin-top: 30px;
  margin-bottom: 80px;
  background: -webkit-linear-gradient(#fff, #f6f6f6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Libre Baskerville', serif;
  font-size: 3em;
}
.content-page-wrapper .page-title h2 {
  margin-bottom: 20px;
  font-size: 2em;
}
.content-page-wrapper .page-title p {
  font-size: 1.2em;
  line-height: 1.6em;
}
.content-page-wrapper .page-title p a {
  color: #fff;
  font-weight: 700;
}
.content-page-wrapper .content-page {
  box-shadow: 15px 0 15px -10px rgba(0, 0, 0, 0.75), -15px 0 15px -10px rgba(0, 0, 0, 0.75);
  background: #fff;
  margin-top: -50px;
  margin-bottom: -50px;
}
.content-page-wrapper .content-page img {
  max-width: 100%;
}
.content-page-wrapper .content-page .cities {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.content-page-wrapper .content-page .cities li {
  padding: 5px;
}
.content-page-wrapper .content-page .cities li a {
  color: inherit;
  text-decoration: none;
}
.content-page-wrapper .content-section {
  padding: 60px 20px;
}
.content-page-wrapper .content-section h2,
.content-page-wrapper .content-section h3 {
  margin-bottom: 40px;
}
.content-page-wrapper .content-section p {
  font-size: 1.1em;
  line-height: 1.4em;
}
.content-page-wrapper .content-section-image {
  background: #fff;
  padding: 20px;
}
.content-page-wrapper #contactFormWrapper label,
.content-page-wrapper #contactFormWrapper input {
  margin-top: 8px;
}
.content-page-wrapper #contactFormWrapper .required,
.content-page-wrapper #contactFormWrapper .error {
  color: red;
}
#mslbaPage {
  padding-bottom: 50px;
}
#mslbaPage .mslba-promise {
  background: #7a3b69;
  color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 0 1px 8px #000;
}
#mslbaPage .mslba-promise h3 {
  text-transform: uppercase;
  text-decoration: underline;
}
#mslbaPage .quote-wrapper {
  background: #343434;
  color: #aaa;
  padding-top: 40px;
  padding-bottom: 40px;
}
#mslbaPage .quote-wrapper .quote {
  padding: 20px;
  margin: 10px;
  font-size: 105%;
}
#mslbaPage .quote-wrapper .quote .quoter {
  color: #48C3F1;
}
@media only screen and (min-width: 994px) {
  .content-page-wrapper {
    margin-top: -10px;
  }
  .content-page-wrapper .page-title h1 {
    margin-top: 30px;
    margin-bottom: 80px;
    font-size: 3em;
  }
  .content-page-wrapper .page-title h2 {
    margin-bottom: 20px;
    font-size: 2em;
    max-width: 60%;
  }
  .content-page-wrapper .page-title p {
    font-size: 1.2em;
    line-height: 1.6em;
    max-width: 60%;
  }
  .content-page-wrapper .content-section {
    padding: 100px 10px;
  }
  .content-page-wrapper .content-section h2,
  .content-page-wrapper .content-section h3 {
    margin-bottom: 40px;
  }
  .content-page-wrapper .content-section p,
  .content-page-wrapper .content-section li {
    font-size: 1.3em;
    line-height: 1.8em;
  }
  .content-page-wrapper .content-section p img,
  .content-page-wrapper .content-section li img {
    max-width: 300px;
  }
  .content-page-wrapper .content-section .cities {
    columns: 3;
  }
  .content-page-wrapper .content-section .cities li {
    padding: 5px;
  }
  .content-page-wrapper .content-section .cities li a {
    color: inherit;
    text-decoration: none;
  }
  .content-page-wrapper .content-section-image {
    background: #fff;
  }
}
/*end media query */
/*
#contentHeader {
    background: #f6f6f6;
    padding: 10px;
}

.page-title-wrapper {
    background: @color-dkgray;
    color: @color-ltgray;
    font-size: (@font-size * 2.5);
    display: none;
}

#contentDynamic {
    font-size: (@font-size * 1.3); 
    input[type="submit"] {
        font-size: (@font-size * 1);
        padding: 12px;
    }
}
.col1 {
    background: @lightPrimaryColor;
    color: #000;    
}
.col2 {
    background: @primaryColor;
    color: #fff;    
}
.col3 {
    background: @darkPrimaryColor;
    color: #fff;    
}
*/
/* -------footer------*/
footer {
  background: #f6f6f6;
  color: #5b5d62;
  padding-top: 100px;
}
footer a {
  color: #5b5d62;
  padding: 3px 0;
  display: inline-block;
  font-size: 0.9em;
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
  color: #292934;
}
footer ul {
  list-style: none;
  padding-left: 0;
  margin: 20px auto;
}
.footerInfoWrapper {
  text-align: center;
  padding: 30px 0;
  color: #aaa;
}
/* ----- Extras ----- */
#contentLoginWrapper {
  background: #f6f6f6;
}
#contentLoginWrapper #contentLogin {
  background: #fff;
  padding: 100px 40px;
  margin: 20px;
}
#contentLoginWrapper #contentLogin label,
#contentLoginWrapper #contentLogin input {
  margin: 10px 0;
}
#payment-form {
  padding-top: 60px;
  height: 100vh;
  min-height: 1200px;
}
#payment-form iframe {
  height: 100vh;
}
@media only screen and (min-width: 900px) {
  #payment-form {
    min-height: 800px;
  }
}
/* --------------landing-------------*/
#contentLandingWrapper {
  padding: 150px 10%;
}
#contentLandingWrapper .splash {
  padding: 40px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  color: #292934;
}
#contentLandingWrapper .splash h1 {
  font-family: 'Libre Baskerville', serif;
}
#contentLandingWrapper .splash p {
  font-size: 1.2em;
}
/*# sourceMappingURL=custom.css.map */