html {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #65676b;
}
@media (min-width: 960px) {
  html {font-size: 17px;}
}
body {background-color: #ffffff;}

.lagom-blue-navbar {
  padding: 0 0 19px 0;
  background-color: transparent;
  background-image: url('/images/lm-nav-wave-whitebg-trans.png');
  background-position: center bottom;
  background-repeat: repeat-x;
}

/*
 * Style (links)
 */
a,
.uk-link {
  color: #406ab3; /* orig #1e87f0; */
  text-decoration: none;
  cursor: pointer;
}
a:hover,
.uk-link:hover {
  color: #335591; /* orig #0f6ecd; */
  text-decoration: underline;
}

/*
  header and main nav
*/
/*
 * Items
 * 1. Center content vertically and horizontally
 * 2. Dimensions
 * 3. Style
 * 4. Required for `a`
 */
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  /* 1 */
  display: flex;
  justify-content: center;
  align-items: center;
  /* 2 */
  box-sizing: border-box;
  height: 72px;
  padding: 0 30px;
  /* 3 */
  font-size: 1.1rem;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500; /* medium */
  /* font-size: 0.875rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; */
  /* 4 */
  text-decoration: none;
}
/*
 * Nav items
 */
.uk-navbar-nav > li > a {
  color: #fff;
  text-transform: none;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
  text-align: center;
}
/*
 * Hover
 * Apply hover style also to focus state and if dropdown is opened
 */
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a.uk-open {
  color: #ffdd14;
  outline: none;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
  color: #ffdd14;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
  color: #ffdd14;
}
/* Item
 ========================================================================== */
.uk-navbar-item {
  color: #fff;
}
/* Toggle
 ========================================================================== */
.uk-navbar-toggle {
  color: #999;
}
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus,
.uk-navbar-toggle.uk-open {
  color: #666;
  outline: none;
  text-decoration: none;
}
/*
 * Icon
 * Adopts `uk-icon`
 */
/* Hover + Focus */
/* Subtitle
 ========================================================================== */
.uk-navbar-subtitle {
  font-size: 0.875rem;
}

/* lmbylm navbar item color only */
.uk-navbar-nav > li > a.lmbylm {
  color: #cfd1d5;
  font-weight: 500; /* medium */
}
.uk-navbar-nav > li:hover > a.lmbylm,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a.uk-open {
  color: #ffdd14;
  outline: none;
}
/* OnClick */
.uk-navbar-nav > li > a.lmbylm:active {
  color: #ffdd14;
}
/* Active */
.uk-navbar-nav > li.uk-active > a.lmbylm {
  color: #ffdd14;
}

/* SVG logotype
_ A pseudo-class selectors ONLY work when there is NO color fill specified in the SVG file.
_ This code ensures that the linked logotype always looks correct, especialy when linked AND prior to loading the SVG color fill code.
_ In other contexts, the SVG logotype could be all white, default is black.
*/
a svg .bla-g {color: #000; fill: #000;}
a:active svg .bla-g {color: #000; fill: #000;}
a:hover svg .bla-g {color: #000; fill: #000;}
a:focus svg .bla-g {color: #000; fill: #000;}

a svg .blu-g {color: #406ab3; fill: #406ab3;}
a:active svg .blu-g {color: #406ab3; fill: #406ab3;}
a:hover svg .blu-g {color: #406ab3; fill: #406ab3;}
a:focus svg .blu-g {color: #406ab3; fill: #406ab3;}
/* This is how to target specific vector shapes, upon hover of those shapes.
a svg .blu {color: #406ab3; fill: #406ab3;}
a svg .blu:active {color: #406ab3; fill: #406ab3;}
a svg .blu:hover {color: red; fill: red;}
a svg .blu:focus {color: #000; fill: #000;}
*/
/* This is how to target vector groups, upon hover of the entire image space.
a svg .blu-g .blu {color: gray; fill: gray;}
a:active svg .blu-g .blu {color: pink; fill: pink;}
a:hover svg .blu-g .blu {color: red; fill: red;}
a:focus svg .blu-g .blu {color: purple; fill: purple;}
*/

.logo-container-header {margin-top: 15px!important;} /* header */
.logo-container-footer {} /* footer */
.logo-container-modal {} /* modal */
.logo-container-modal svg {background-color: #fff;}

@media (min-width: 1px) and (max-width: 409px) { /* smaller mobile adjustments */
  .bg-lagom-blue .uk-navbar-nav > li > a,
  .bg-lagom-blue .uk-navbar-item,
  .uk-navbar-toggle {height: 42px; font-size: 0.875rem; padding: 0 15px;}

  .lagom-blue-navbar {padding-bottom: 18px; background-size: 931px 18px;}

  .logo-container-header {margin-top: 8px!important;}
  .logo-container-header img {width: 200px; height: 56px;}
  .logo-container-header svg {width: 200px; height: 56px;}
  .logo-container-footer {margin-top: 0px!important;}
  .logo-container-footer img {width: 200px; height: 56px;}
  .logo-container-footer svg {width: 200px; height: 56px;}
  .logo-container-modal img {width: 200px; height: 56px;}
  .logo-container-modal svg {width: 200px; height: 56px;}
}
@media (min-width: 410px) and (max-width: 639px) { /* mobile adjustments */
  /* font size smaller, padding smaller, height smaller, logo smaller */
  .uk-navbar-nav > li > a,
  .uk-navbar-item,
  .uk-navbar-toggle {height: 50px; font-size: 0.9rem; padding: 0 20px;}

  .lagom-blue-navbar {background-size: 1034px 20px;}

  .logo-container-header {margin-top: 8px!important;}
  .logo-container-header img {width: 200px; height: 56px;}
  .logo-container-header svg {width: 200px; height: 56px;}
  .logo-container-footer {margin-top: 0px!important;}
  .logo-container-footer img {width: 200px; height: 56px;}
  .logo-container-footer svg {width: 200px; height: 56px;}
  .logo-container-modal img {width: 200px; height: 56px;}
  .logo-container-modal svg {width: 200px; height: 56px;}

  .info-container {font-size: 0.9rem;}
  .slug-container {font-size: 0.8rem;}
}
@media (min-width: 640px) and (max-width: 959px) { /* mobile adjustments */
  /* height smaller, logo smaller */
  .logo-container-header {margin-top: 10px!important;}
  .logo-container-header img {width: 248px; height: 70px;}
  .logo-container-header svg {width: 248px; height: 70px;}
  .logo-container-footer img {width: 200px; height: 56px;}
  .logo-container-footer svg {width: 200px; height: 56px;}
  .logo-container-modal img {width: 248px; height: 70px;}
  .logo-container-modal svg {width: 248px; height: 70px;}

  .lagom-blue-navbar {background-size: 1344px 26px;}
}
@media (min-width: 960px) {
  .uk-navbar-nav > li > a,
  .uk-navbar-item,
  .uk-navbar-toggle {height: 78px; font-size: 1.3rem; padding: 0 40px}

  .logo-container-footer img {width: 248px; height: 70px;}
  .logo-container-footer svg {width: 248px; height: 70px;}
}

/*
  Titles
*/
.uk-article-title { /* use with h1 */
  font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 2.23125rem;
  line-height: 1.2;
  color: #797b7f;
}
@media (min-width: 640px) { /* DELETE? */
  .article-title-vertical-rule {border-right:1px solid #406ab3;}
}
.uk-article-title-normalfont { /* use with h1 */
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 2.23125rem;
  line-height: 1.2;
  color: #797b7f;
}
.main-section-title { /* use with h2 */
  font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.2;
  color: #797b7f;
}
.sub-section-title { /* use with h3 */
  font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.7rem; /* was 1.625rem */
  line-height: 1.2;
  color: #797b7f;
}
@media (min-width: 960px) { /* Tablet landscape and bigger */
  .uk-article-title {font-size: 3.25rem; /* orig 2.625rem; */}
  .uk-article-title-normalfont {font-size: 3.25rem;}
  .main-section-title {font-size: 2.625rem; /*  */}
  .sub-section-title {font-size: 2.25rem; /* was 2.3rem */}
}

/*
 * use of graphic divider for main article page title
 * Reset child height, caused by `inline-block`
 */
.uk-divider-small {
  line-height: 0;
}
.uk-divider-small::after {
  content: "";
  display: inline-block;
  width: 123px; /* 100px */
  max-width: 100%;
  border-top: 1px solid #406ab3; /* e5e5e5 */
  vertical-align: top;
}

/*
 * BUTTON: lagom
 */
.uk-button-lagom {
  background-color: #406ab3;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover + Focus */
.uk-button-lagom:hover,
.uk-button-lagom:focus {
  background-color: #395fa1;
  color: #fff;
}
/* OnClick + Active */
.uk-button-lagom:active,
.uk-button-lagom.uk-active {
  background-color: #335591;
  color: #fff;
}

/*
 * BUTTON: bokadirekt
 */
.uk-button-bokadirekt {
  background-color: #23a994;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover + Focus */
.uk-button-bokadirekt:hover,
.uk-button-bokadirekt:focus {
  background-color: #1f9885;
  color: #fff;
}
/* OnClick + Active */
.uk-button-bokadirekt:active,
.uk-button-bokadirekt.uk-active {
  background-color: #1c8977;
  color: #fff;
}
/* text link for bokadirekt related text link - in Treatment Prices Gift Card area */
a.uk-link-bokadirekt {
  color: #23a994 !important;
  text-decoration: none;
  cursor: pointer;
}
a.uk-link-bokadirekt:hover {
  color: #1f9885 !important;
  text-decoration: underline;
}

/*
 * BUTTON: etsy
 */
.uk-button-etsy {
  background-color: #d5641c;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover + Focus */
.uk-button-etsy:hover,
.uk-button-etsy:focus {
  background-color: #c55c1a;
  color: #fff;
}
/* OnClick + Active */
.uk-button-etsy:active,
.uk-button-etsy.uk-active {
  background-color: #b55417;
  color: #fff;
}
/* text link for bokadirekt related text link - in Treatment Prices Gift Card area */
a.uk-link-etsy {
  color: #d5641c !important;
  text-decoration: none;
  cursor: pointer;
}
a.uk-link-etsy:hover {
  color: #c55c1a !important;
  text-decoration: underline;
}

/*
 * BUTTON: timeline
 */
.uk-button-timeline {
  background-color: #a0b5d9; /* pink = #ffc0cb | About Lauren lightest pink bg #fde9f1 */
  color: #fff;
  border: 1px solid transparent;
}
/* Hover + Focus */
.uk-button-timeline:hover,
.uk-button-timeline:focus {
  background-color: #88a2d0; /* lightpink = #ffb6c1 */
  color: #fff;
}
/* OnClick + Active */
.uk-button-timeline:active,
.uk-button-timeline.uk-active {
  background-color: #6688c2; /* darkest pink color = #ff99aa */
  color: #fff;
}
/* text link colors: text #406ab3 ; hover #335591 */



/*
 * Button (icons)
 * 1. Center icon vertically and horizontally
 */
.uk-icon-button {
  background: #e0e1e4;
  color: #797b7f;
}
/* Hover + Focus */
.uk-icon-button:hover,
.uk-icon-button:focus {
  background-color: #cfd1d5;
  color: #65676b;
}
/* OnClick + Active */
.uk-icon-button:active,
.uk-active > .uk-icon-button {
  background-color: #bbbdc1;
  color: #414244;
}

/* Facebook icon */
/* Hover + Focus */
.uk-icon-button.fb-icon-button:hover,
.uk-icon-button.fb-icon-button:focus {
  background-color: #cfd1d5;
  color: #3b5998;
}
/* OnClick + Active */
.uk-icon-button.fb-icon-button:active,
.uk-active > .uk-icon-button.fb-icon-button {
  background-color: #bbbdc1;
  color: #3b5998;
}
/* Instagram icon */
/* Hover + Focus */
.uk-icon-button.inst-icon-button:hover,
.uk-icon-button.inst-icon-button:focus {
  background-color: #cfd1d5;
  color: #000;
}
/* OnClick + Active */
.uk-icon-button.inst-icon-button:active,
.uk-active > .uk-icon-button.inst-icon-button {
  background-color: #bbbdc1;
  color: #000;
}
/* Etsy icon */
/* Hover + Focus */
.uk-icon-button.etsy-icon-button:hover,
.uk-icon-button.etsy-icon-button:focus {
  background-color: #cfd1d5;
  color: #d5641c;
}
/* OnClick + Active */
.uk-icon-button.etsy-icon-button:active,
.uk-active > .uk-icon-button.etsy-icon-button {
  background-color: #bbbdc1;
  color: #d5641c;
}

/*
  home
*/
.home-card-titles {line-height: 1.1em; padding-bottom: 4px;}
.uk-width-350 {width: 350px;}
@media (min-width: 1200px) {
  .home-practitioners-card .uk-card-body {padding: 30px 30px;} /* not default of 40px */
}

/*
  about - lauren's list of info
*/
#lauren {/* background-color: #fde9f1; USE: bg-light-blue-gray */}
ul.personal-info-list {list-style: none;}
ul.personal-info-list li {padding-bottom: 4px;}
li.button-list-item {padding-top: 5px;}
.personal-card-icons {padding-right: 4px;}

/*
  about - timeline slider
*/
#timeline {/* background-color: pink; USE: bg-light-blue-gray */}
.uk-slider-items .uk-card-badge {
  font-size: 1.13rem;
  top: 3px;
  right: 3px;
}

/*
  about - accreditation slider
*/
#accreditation .uk-slider-items .uk-card-body .uk-h5 {font-size: 0.8rem;}
/* 360-466px & 640-786px (require less left/right padding/margin per “item” in the ACCRED slider) */
#accreditation .uk-slider-items .uk-card-body {padding: 20px 20px;} /* 3+ col */
@media (min-width: 1px) and (max-width: 359px) {
  #accreditation .uk-slider-items .uk-card-body {padding: 1px 1px;} /* 2 col */
}
@media (min-width: 360px) and (max-width: 466px) {
  #accreditation .uk-slider-items .uk-card-body {padding: 1px 5px;} /* 2 col */
}
@media (min-width: 467px) and (max-width: 639px) {
  #accreditation .uk-slider-items .uk-card-body {padding: 5px 10px;} /* 2 col */
}
@media (min-width: 640px) and (max-width: 786px) {
  #accreditation .uk-slider-items .uk-card-body {padding: 5px 10px;} /* 3 col */
}
@media (min-width: 1200px) {
  #accreditation .uk-slider-items .uk-card-body {padding: 20px 20px;} /* 5 col */
}
#accreditation .uk-slider-items .uk-card-body.end-border {}

/*
  about - photo tabs
*/
/*  add hover and active bg-colors */
.uk-tab > * > a {
  /* 1 */
  display: block;
  text-align: center;
  /* 2 */
  padding: 5px 10px;
  color: #999;
  border-bottom: 1px solid transparent;
  font-size: 0.875rem;
  text-transform: uppercase;
  transition: color 0.1s ease-in-out;
  background-color: #e0e1e4;
}
/* Hover + Focus */
.uk-tab > * > a:hover,
.uk-tab > * > a:focus {
  color: #65676b;
  text-decoration: none;
  background-color: #cfd1d5; /* was e0e1e4 */
}
/* Active */
.uk-tab > .uk-active > a {
  color: #333;
  border-color: #406ab3;
  background-color: #fff; /* was e0e1e4 */
}
/* Disabled */
.uk-tab > .uk-disabled > a {
  color: #999;
}

@media (max-width: 409px) {
  .lm-photo-tabs.uk-tab > * > a {font-size: 0.7rem; padding: 4px 7px;}
}

/* some custom Grain of Sound styling */
.bg-grainofsound {background-color: rgba(3,68,98,1);}
a.uk-link-grainofsound {
  color: #406ab3; /* orig #1e87f0; */
  text-decoration: none;
  cursor: pointer;
}
a.uk-link-grainofsound:hover {
  color: #335591; /* orig #0f6ecd; */
  text-decoration: underline;
}

/* some custom Vilda by Heart styling */
.bg-vildabyheart {background-color: rgba(115,55,58,1) !important;}
a.uk-link-vildabyheart {
  color: #406ab3; /* orig #1e87f0; */
  text-decoration: none;
  cursor: pointer;
}
a.uk-link-vildabyheart:hover {
  color: #335591; /* orig #0f6ecd; */
  text-decoration: underline;
}

/* some custom Vilda by Heart styling */
.bg-laraleigh {background-color: rgba(213,120,114,1) !important;}
a.uk-link-laraleigh {
  color: #406ab3; /* orig #1e87f0; */
  text-decoration: none;
  cursor: pointer;
}
a.uk-link-laraleigh:hover {
  color: #335591; /* orig #0f6ecd; */
  text-decoration: underline;
}

/*
  treatments
*/
.treatment-title {
  font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 2.23125rem;
  line-height: 1.2;
  color: #406ab3;
}
.treatment-intensity span {padding-right: 10px; color: #969a9e;}
.treatment-intensity .active {font-weight: 700; text-transform: uppercase; color: #406ab3;}
.treatment-durations .uk-badge {margin-right: 5px!important;}
.treatment-durations span.minutes {
  box-sizing: border-box;
  min-width: 22px;
  height: 22px;
  /* padding: 0 5px;
  border-radius: 500px; */
  vertical-align: middle;
  font-size: 0.875rem;
  font-weight: bold;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
/* .double-cells.uk-cover-container {min-height: 360px;} */
#tactilemassage .double-cells.uk-cover-container {min-height: 350px;}
#classicswedishmassage .double-cells.uk-cover-container {min-height: 390px;}
#massagetherapy .double-cells.uk-cover-container {min-height: 380px;}
#sportsmassage .double-cells.uk-cover-container {min-height: 370px;}
#pregnancymassage .double-cells.uk-cover-container {min-height: 410px;}
#hotstonemassage .double-cells.uk-cover-container {min-height: 350px;}
#hawaiianlomilomimassage .double-cells.uk-cover-container {min-height: 390px;}

@media screen and (max-device-width: 480px) {/* only for smallest iPod & iPhone devices on Safari - while this works for smaller iPod and iPhone devices, this is also creating more space in Android Chrome, but not on MacOS Chrome. */
}
@supports (-webkit-overflow-scrolling: touch) {/* CSS specific to ALL iOS devices */
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {/* this is for iPhone 5 portrait */
  #tactilemassage .double-cells.uk-cover-container {min-height: 450px;}
  #classicswedishmassage .double-cells.uk-cover-container {min-height: 520px;}
  #massagetherapy .double-cells.uk-cover-container {min-height: 470px;}
  #sportsmassage .double-cells.uk-cover-container {min-height: 470px;}
  #pregnancymassage .double-cells.uk-cover-container {min-height: 470px;}
  #hotstonemassage .double-cells.uk-cover-container {min-height: 400px;}
  #hawaiianlomilomimassage .double-cells.uk-cover-container {min-height: 520px;}
}

/*
  treatment prices table
*/
@media (min-width: 765px) { /* UNUSED, SECTION BACKGROUND-IMAGE EXAMPLE */
  .bg-waves {
    background-image: url('/images/light-blue-gray-waves-bg_2100x1200.jpg');
    background-position: center top;
    background-repeat: none;
    /* background-color: #f2f4f8; */
  }
}
.underline-table-row td {border-bottom: 1px solid rgba(255,255,255,0.7);}
@media (max-width: 400px){
  .uk-table-small td, .uk-table-small th {padding: 5px 6px;}
  .uk-table-small td .uk-text-large.text-black {font-size: 1em; font-weight: bold;}
  .uk-table-small tr {padding-right: 10px;}
}
/*
  lm skin care
*/
.main-products-section {
  background-image: url('/images/bg-wood-texture.jpg');
  background-position: center top;
  background-repeat: repeat;
}

.main-products-section-title {}
@media (min-width: 960px) and (max-width: 1199px) {
  .main-products-section-title {
    margin-bottom: 70px;}
}
.product-title-keywords {font-size: 1.1rem; padding: 0 15px;}

@media (min-width: 640px) and (max-width: 759px) {
  .product-title-keywords {font-size: 1.5rem; padding: 0 30px;}
}
@media (min-width: 760px) {
  .product-title-keywords {
    font-size: 2rem;
    line-height: 1.3;
    padding: 0 50px;}
}
@media (min-width: 1200px) {
  .product-title-keywords {
    font-size: 2.5rem;
    line-height: 1.3;
    padding: 0 70px;}
}

.product-logo-title-cell {padding-right: 10px;}
.product-title-cell {padding-left: 5px; width: 33px;}
@media (max-width: 564px) {
  .product-logo-title-cell {padding-right: 5px;}
}
@media (min-width: 960px) and (max-width: 1199px) {
  .product-logo-title-cell {padding-right: 5px;}
}
.product-title {
  line-height: 1.1;
  color: #000;
  font-weight: 900;
  text-align: right;
  text-transform: lowercase;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.product-sizes {
  color: #000;
  font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.9rem;
}
.specific-size {padding-right: 0.75rem;}
.product-size-asterisk {color: #65676b;}
.product-size-note {
  color: #65676b;
  font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.9rem;
}
.product-label-subtypes {text-transform: lowercase; font-weight: 700;}
.product-desc {
  color: #222325;
  font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.product-info {font-size: 0.8rem;}
.product-label-copyright {
  color: #222325;
  font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
  testimonial
*/
.testimonial-section-container {
  padding-top: 0!important;
  padding-bottom: 0!important;
  background-image: url('/images/craft-paper-texture-huge.jpg');
  background-position: center;
  background-repeat: repeat;
}
.testimonial-quote-container {
  padding: 3em 0;
  background-image: url('/images/yellow-dashed-line.png');
  background-position: center bottom;
  background-repeat: repeat-x;
  background-color: rgba(88, 89, 91, 0.5);
}
.testimonial-quote-container p {
  font-weight: 300;
  font-size: 1rem; /* orig: 1.15rem */
  color: #fff;
  line-height: 1.3; /* orig: 1.4 */
  letter-spacing: 1px;
  word-spacing: 1px;
  text-shadow: 2px 2px 2px #505050;
}
.testimonial-quote-reference-container {
  font-size: 0.9rem;
  padding: 1.5em 0;
  background-color: rgba(255, 255, 255, 0.33);
}
.testimonial-quote-reference-container p span.quote-reference {
  font-size: 0.95rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: 1px;
  text-shadow: 2px 2px 2px #888;
}
@media (min-width: 640px) {
  .testimonial-quote-container p {font-size: 1.33rem;}
  .testimonial-quote-reference-container {font-size: 1rem;}
  .testimonial-quote-reference-container p span.quote-reference {font-size: 1.05rem;}
}

/*
  subnav
*/
ul.aside-subnav {padding: 20px 0 20px 0; margin-bottom: 0;}
.uk-subnav>*>:first-child {color: rgba(255, 255, 255, 0.7);}
.uk-subnav>*>a:focus, .uk-subnav>*>a:hover {color: rgba(255, 255, 255, 0.5);}

@media (max-width: 469px) {
  ul.aside-subnav {padding: 18px 0 18px 0;}
  .uk-subnav>*>:first-child {font-size: 0.8rem;}
  ul.uk-subnav.aside-subnav>* {padding-left: 12px;}
  .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {margin-right: 12px;}
}
@media (max-width: 399px) {
  ul.aside-subnav {padding: 15px 0 15px 0;}
  .uk-subnav>*>:first-child {font-size: 0.72rem;}
  ul.uk-subnav.aside-subnav>* {padding-left: 10px;}
  .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {margin-right: 10px;}
}

/*
  Mailchimp form
*/
/*
  Label
*/
#email-list {color: #333;}
.uk-form-label {
  color: #333;
  font-size: 1rem; /* use default website font size */
}
.uk-checkbox, .uk-radio {
  background-color: #fff; /* orig: transparent; */
}
.uk-close {color: #797b7f;}
/* Hover + Focus */
.uk-close:hover,
.uk-close:focus {color: #333;}
[class*='uk-modal-close-'] {
  position: absolute;
  z-index: 1010;
  top: 10px; /* orig: 10px */
  right: 10px; /* orig: 10px */
  padding: 5px; /* orig: 5px */
}
input[type=submit] {/* hack fix for older iOS input type=submit button styling */
-webkit-appearance: none;
/* -moz-appearance: none;
appearance: none; */
}
#mce-error-response {text-align: center; font-size: 1.5rem; line-height: 1.5; padding: 5px 0 25px 0;}
#mce-success-response {text-align: center; font-size: 1.5rem; line-height: 1.5; padding: 5px 0 25px 0;}

/*
bosh JS encoding obfuscator & noscript CSS reverse presentation
*/
.boshy {
  unicode-bidi: bidi-override;
	direction: rtl;
	text-align:left;
}
.boshy b {display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 0;}

/*
  footer
*/
footer {color: #000;}
footer.uk-section {padding-bottom: 20px;}
.uk-width-81 {width: 81px;}
.info-sleeve ul {list-style: none;}
@media (min-width: 478px) {
  .info-sleeve ul li.push-text-info {padding-left: 53px;}
}
.slug-container {color: #969a9e;}

/*
  BACKGROUND COLORS
*/
/* general background colors */
.bg-lagom-blue {background-color: #406ab3;}
.bg-yellow {background-color: #ffdd14;}
.bg-soft-orange {color: #eb8723;}
.bg-sale-red {color: #9c1414;}
.bg-light-blue-gray {background-color: #e5ebf4;} /* lightest blue bg - orig: f2f4f8 */
.bg-lagom-66-light {background-color: #a0b5d9;} /* medium lagom blue bg */
.bg-title-gray {background-color: #797b7f;} /* main and secondary title color */
.bg-card-gray {background-color: #bbbdc1;}
.bg-white {background-color: #fff;}

/* lm skin care product background colors */
.bg-lm-herbal {background-color: #3e8a79;}
.bg-lm-citrus {background-color: #ee8e4d;}
.bg-lm-natural {background-color: #9d9670;}
.bg-lm-peppermint {background-color: #87ceed;}
.bg-lm-vanilla {background-color: #c6b083;}
.bg-lm-cocoa {background-color: #5a4116;}
.bg-lm-mint {background-color: #8ad0bf;}
.bg-lm-lavender, .bg-lm-herbal-lavender {background-color: #9b85b9;}
.bg-lm-lemongrass {background-color: #b0d136;}
.bg-lm-magnesium {background-color: #00a4c8;}
.bg-lm-cinnamon {background-color: #b17734;}
.bg-lm-ginger-orange {background-color: #e9ae1f;}
.bg-lm-gingerbread, .bg-lm-sandalwood {background-color: #8f5833;}
.bg-lm-coconut-lime {background-color: #d5e041;}
.bg-lm-honey-lemon {background-color: #f3d50e;}
.bg-lm-geranium {background-color: #e56699;}
.bg-lm-tea-tree {background-color: #3cae58;}
.bg-lm-lime-bergamot {background-color: #4b9242;}
.bg-lm-grapefruit-basil {background-color: #e08b66;}
.bg-lm-tea {background-color: #4f4f25;}
.bg-lm-strawberry {background-color: #db3748;}
.bg-lm-forest {background-color: #1c7339;}
.bg-lm-cotton {background-color: #a7acaf;}
.bg-lm-orange-cedar {background-color: #c49c30;}

/* timeline background colors */
.bg-fogarolli-red {background-color: #e2001a;}
.bg-tropicofcoffee-green {background-color: #5ca038;}
.bg-coffee {background-color: #6f4e37;}
.bg-swedish-blue {background-color: #006aa7;}
.bg-swedish-yellow {background-color: #fecc00;}
.bg-knit-green {background-color: #2d2b20;}

/*
  FONT COLORS
*/
/* general font colors */
.text-white {color: #fff;}
.text-white-imp {color: #fff !important;}
.text-lagom-blue {color: #406ab3;}
.text-yellow {color: #ffdd14;}
.text-soft-orange {color: #eb8723;}
.text-sale-red {color: #9c1414;}
.text-light-blue-gray {color: #e5ebf4;} /* orig: f2f4f8 */
.text-gray-nav {color: #cfd1d5;}
.text-title-gray {color: #797b7f;}
.text-gray2 {color: #65676b;}
.text-facebook {color: #3b5998;}
.text-333 {color: #333;}
.text-black {color: #000;}

/* lm skin care product font colors */
.text-lm-herbal {color: #3e8a79;}
.text-lm-citrus {color: #ee8e4d;}
.text-lm-natural {color: #9d9670;}
.text-lm-peppermint {color: #87ceed;}
.text-lm-vanilla {color: #c6b083;}
.text-lm-cocoa {color: #5a4116;}
.text-lm-mint {color: #8ad0bf;}
.text-lm-lavender, .text-lm-herbal-lavender {color: #9b85b9;}
.text-lm-lemongrass {color: #b0d136;}
.text-lm-magnesium {color: #00a4c8;}
.text-lm-cinnamon {color: #b17734;}
.text-lm-ginger-orange {color: #e9ae1f;}
.text-lm-gingerbread, .text-lm-sandalwood {color: #8f5833;}
.text-lm-coconut-lime {color: #d5e041;}
.text-lm-honey-lemon {color: #f3d50e;}
.text-lm-geranium {color: #e56699;}
.text-lm-tea-tree {color: #3cae58;}
.text-lm-lime-bergamot {color: #4b9242;}
.text-lm-grapefruit-basil {color: #e08b66;}
.text-lm-tea {color: #4f4f25;}
.text-lm-strawberry {color: #db3748;}
.text-lm-forest {color: #1c7339;}
.text-lm-cotton {color: #a7acaf;}
.text-lm-orange-cedar {color: #c49c30;}

/* timeline font colors */
.text-fogarolli-red {color: #e2001a;}
.text-tropicofcoffee-green {color: #5ca038;}
.text-coffee {color: #6f4e37;}
.text-swedish-blue {color: #006aa7;}
.text-swedish-yellow {color: #fecc00;}

/* OTHER font attributes */
.text-weight-light {font-weight: 300;}
.text-slightly-larger {font-size: 110%;}
@media (max-width: 960px) {
  .uk-text-lead {font-size: 1.2rem;}
}
.text-condensed {font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;}

/*
  Responsive Width Breakpoints
  https://getuikit.com/docs/width#responsive-width

.uk-width-*@s
.uk-child-width-*@s

*@s   640px
*@m   960px
*@l   1200px
*@xl  1600px

The End */