/*
CTC Separate Stylesheet
Updated: 2018-11-12
*/

/* Caleb - 2019-08-28 - Store Locator Search Form */

form#hclc_search_form {
  text-align:center;
  max-width:35em;
  display:block;
  margin-left:auto;
  margin-right:auto;
padding:1em;
}

form .hc-col {
  width:auto !important;
}

#locatoraid-search-form-search {
  width:30em;
  max-width:100%
}


/* Caleb - March 2019 - Searchform */
#user_top_menu form#searchform {
  height: 20px;
}

#user_top_menu form#searchform input {
  font-size: 14px;
  height: 14px;
  width: 7em;
  padding-right: 0;
  margin-left: 2em;
}
#user_top_menu form#searchform .btn {
  font-size: 14px;
  height: 24.5px;
  padding-top: 1px;
}

#user_top_menu > .navbar {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  /* padding-right: 1em; */
}

@media (max-width: 767px) {
  #user_top_menu {
    width: 100%;
  }
  div#user_top_menu > .navbar {
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
  div#user_top_menu > .navbar > * {
    padding-top: 1em;
  }
  div#user_top_menu #searchform .btn {
    height: unset;
    padding-top: 4px;
  }
  div#user_top_menu #searchform input {
    margin-left: unset;
    width: 90%;
  }
}
/* Caleb - 7 Sep 2018 */

html,
body {
  font-family: Mont-Regular;
}

.lt-devices-account-no-devices {
  font-style: italic;
  margin-bottom: 2em;
}

.woocommerce-MyAccount-content ul {
  margin-top: 1em;
  margin-bottom: 1em;
}

.woocommerce-MyAccount-content ul > li {
  margin-top: 0.5em;
}

.unset-vert-padding {
  padding-top: unset !important;
  padding-bottom: unset !important;
}

#popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(50, 50, 50, 0.5);
  z-index: 990;
}

.extend-width {
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left: 50vw;
  padding-right: 50vw;
}
.overlay-image {
  position: relative;
  z-index: 100;
  margin-top: -150px !important;
}

.orange {
  color: #f68b1f;
}
.blue {
  color: #21c4f3;
}

.blue.button {
  display: inline-block;
  color: white;
  background-color: #21c4f3;
  padding: 0.5em;
}

.orange.button {
  display: inline-block;
  color: white;
  background-color: #f68b1f;
  padding: 0.5em;
}

.float-left {
  float: left;
  margin-right: 1em;
  margin-top: 0.5em;
}

.button.inline {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}

.slice {
  padding-top: 2em;
  padding-bottom: 2em;
  font-family: Mont-Regular;
  margin-top: 2em;
  /* overflow: hidden; */
}
.slice-header {
  padding-top: 1.2em;
  padding-bottom: 1em;
  font-size: 42px;
  font-family: Mont-Regular;
  color: white;
}
.slice-header h2 {
  font-size: 42px;
  color: white;
}
.slice-header h2 small {
  font-size: 36px;
  color: white;
}

.the-science-resources-links {
  padding-top: 2em;
  padding-bottom: 2em;
  color: white;
  word-break: break-all;
}

.the-science-resources-links * {
  color: white;
}

.the-science-resources-links h2 {
  font-size: 2em;
}

.the-science-resources-links ul {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.the-science-resources-links ul li {
  margin: 1em;
  flex-grow: 1;
  flex-basis: 25%;
  display: flex;
  min-height: 10em;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: rgba(0, 119, 194, 0.2);
  overflow: hidden;
  min-width: 15em;
}

.the-science-resources-links ul li a,
.the-science-resources-links ul li a:hover {
  color: unset;
  padding: 1em;
  /*     padding-right: 1em; */
}

#web-location-popup {
  position: absolute;
  top: -3.5em;
  z-index: 1000;
  left: calc(50% - 13.5em);
  height: 7em;
  width: 27em;
  box-sizing: border-box;
  padding: 2em;
  text-align: center;
  background-color: #ffe;
  color: #666;
  line-height: 1.5em;
  box-shadow: #333 0 0 30px 10px;
  cursor: pointer;
}

footer.bottom_bar {
  padding: 3em 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}

footer .center.wrap {
  width: 100%;
}

#bottom_bar_left {
  flex-grow: 2;
}
#bottom_bar_left.widget-area {
  flex-direction: column;
  align-content: flex-start;
  justify-content: flex-start;
  /* flex-wrap: wrap; */
}

#bottom_bar_left {
  padding-left: 2em;
  font-size: 0.9em;
}

#bottom_bar_left .widget-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#bottom_bar_left.widget-area > div:last-child {
  margin-top: 1em;
  margin-left: 2em;
  font-size: 0.8em;
  /* 	font-style: italic; */
}

#bottom_bar_left .menu {
  margin-left: 0;
}

#bottom_bar_left .menu .menu-item a {
  color: black;
  /* font-weight: bold; */
}

.footer_row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.footer_row > div {
  margin-right: 1em;
  padding-right: 1em;
  border-right: #ccc solid 1px;
  vertical-align: middle;
}

.footer_row > div:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: unset;
}

div#bottom_bar_left .menu .menu-item {
  font-size: 0.9em;
  display: inline-block;
  padding-right: 0.5em;
  margin-right: 0.5em;
  border-right: solid #ccc 1px;
}

div#bottom_bar_left .menu .menu-item:last-child {
  display: inline-block;
  padding-right: 0.5em;
  margin-right: 0;
  border-right: unset;
}

div#bottom_bar_left .menu .menu-item .sub-menu {
  display: none;
}

.archive article,
.blog article {
  padding: 2em 0;
}

.archive article:nth-of-type(even),
.blog article:nth-of-type(even) {
  background-image: unset;
  background: linear-gradient(to right, #d0d1d1, #e8e9e9 50%, #d0d1d1);
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left: 50vw;
  padding-right: 50vw;
}

.archive article footer.entry-meta,
.blog article footer.entry-meta {
  /* margin-left: 5.5em; */
  font-size: 0.75em;
}

/*  */

.footer_right {
  display: block !important;
  flex-grow: 3;
}
.footer_right .ce-mark {
  max-width: 4.5em !important;
  margin-top: 1em;
}

/* .footer_left {
  margin-right: auto !important;
} */

.footer_right span {
  display: inline;
}

#bottom_bar_right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
}
#bottom_bar_right > div.widget_text {
  margin-right: auto;
}

#google_translate_element {
  width: 15em;
}

#google_translate_element select {
  width: auto;
}

.white img {
  -webkit-filter: brightness(00%) invert(90%);
  filter: brightness(00%) invert(90%);
}

#google_translate_element > .skiptranslate.goog-te-gadget,
#google_translate_element > .skiptranslate.goog-te-gadget a {
  color: #ddd !important;
}

#bottom_bar_right > div.widget_text {
  margin-left: auto;
}

@media (min-width: 767px) {
  div#footer_widget_4,
  div#main_footer_widget_2 {
    text-align: right;
  }

  #footer-email-form {
    justify-content: flex-end;
  }
}

#footer-email-form {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 1em;
  margin-bottom: 0;
}

#footer-email-form input[type="email"] {
  border-radius: 0;
  width: 100%;
  height: 2em;
  padding: 0.25em 0.5em;
}

#footer-email-form input[type="submit"],
#footer-email-form button {
  font-size: 1em;
  color: white;
  font-weight: bolder;
  padding: 0 0.8em;
  margin-left: 0.25em;
  height: 2.5em;
  border-width: 0;
}

.privacy-policy-link {
  font-size: 0.75em;
  color: #ccc;
}

.privacy-policy-link > a {
  text-decoration: underline dotted;
}

@media (min-width: 767px) {
  .extended_menu {
    display: none;
  }
}

@media (max-width: 520px) {
  .hide-on-mobile {
    display: none;
  }
}

.bottom_bar .center.wrap {
  justify-content: flex-start;
  display: flex;
}

.box_description.wrap {
  text-align: center;
}

#bottom_bar_left .wp-image-756 {
  width: 125px !important;
}

div#main_footer_widget_2 {
  max-width: 300px;
}

div#main_footer_widget_1 .widget-title {
  display: none;
}

div#main_footer_widget_1 .menu .menu-item {
  font-size: 0.9em;
  display: inline-block;
  padding-right: 0.5em;
  margin-right: 0.5em;
  border-right: solid #ccc 1px;
}

div#main_footer_widget_1 .menu .menu-item:last-child {
  display: inline-block;
  padding-right: 0.5em;
  margin-right: 0;
  border-right: unset;
}

div#main_footer_widget_1 .menu .menu-item .sub-menu {
  display: none;
}

/*Added on 26 Jan 2018 by Caleb McDonnell for redesign of home page*/
.main_header {
  box-shadow: #333 0 -2px 35px 0;
}

.top_bar_bottom > .center {
  overflow: hidden;
  max-width: 40em;
}

.top_bar,
.top_bar h3 {
  color: white;
  /* font-family: "aktiv-grotesk-std"; */
  font-weight: normal;
  text-shadow: none;
  font-size: 1.2em;
  text-align: left;
}

.top_bar .textwidget {
  overflow: hidden;
}

.top_bar .textwidget > p {
  padding-top: 0;
  line-height: 1.5em;
  text-shadow: none;
  font-size: smaller;
  text-align: left;
  margin-bottom: 1em;
}

.top_bar .textwidget > p > img {
  margin-left: 2em;
}

/*blue gradient for top_bar background*/
.top_bar_bottom {
  padding-bottom: 0.5em;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#41567c+0,43587e+11,475d84+20,4f658e+28,5f77a4+40,647dab+48,647dab+52,617aa7+57,4d638c+73,475d84+79,43587e+88,41567c+100 */
  background: #41567c; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #41567c 0%,
    #43587e 11%,
    #475d84 20%,
    #4f658e 28%,
    #5f77a4 40%,
    #647dab 48%,
    #647dab 52%,
    #617aa7 57%,
    #4d638c 73%,
    #475d84 79%,
    #43587e 88%,
    #41567c 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #41567c 0%,
    #43587e 11%,
    #475d84 20%,
    #4f658e 28%,
    #5f77a4 40%,
    #647dab 48%,
    #647dab 52%,
    #617aa7 57%,
    #4d638c 73%,
    #475d84 79%,
    #43587e 88%,
    #41567c 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #41567c 0%,
    #43587e 11%,
    #475d84 20%,
    #4f658e 28%,
    #5f77a4 40%,
    #647dab 48%,
    #647dab 52%,
    #617aa7 57%,
    #4d638c 73%,
    #475d84 79%,
    #43587e 88%,
    #41567c 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41567c', endColorstr='#41567c',GradientType=1 ); /* IE6-9 */
}
/* End of edits by Caleb 26/01/2018 */
.woocommerce div.product form.cart div.quantity .screen-reader-text {
  display: none;
}
/* ==================================================================== */
/* ======================================================================= */
.mainbody {
  background-color: white;
  padding-bottom: 0;
}
.mainbody p {
  line-height: 2em;
}
.grey-gradient,
.grey_gradient {
  background-image: unset;
  background: linear-gradient(to right, #d0d1d1, #e8e9e9 50%, #d0d1d1);
}
.green-gradient,
.green_gradient {
  background-color: #319c2c;
  background: linear-gradient(
    to right,
    #2a9026,
    #47c344 30%,
    #47c344 70%,
    #2a9026
  );
}
.orange-gradient,
.orange_gradient {
  background-color: #f18527;
  background: linear-gradient(
    to right,
    #f18527,
    #fca801 30%,
    #fca801 50%,
    #fca801 70%,
    #f18527
  );
}
.blue-gradient,
.blue_gradient {
  background-color: #319c2c;
  background: linear-gradient(
    to right,
    #0083c7,
    #39b2e6 30%,
    #39b2e6 70%,
    #0083c7
  );
}
.purple-gradient,
.purple_gradient {
  background-color: #319c2c;
  background: linear-gradient(
    to right,
    #863386,
    #b752b5 30%,
    #b752b5 70%,
    #863386
  );
}
.shadow-top {
  box-shadow: #333 0 0 20px 1px;
  position: relative;
}
#banner {
  background-color: white;
  overflow: hidden;
  word-break: break-word;
}
/* blue gradient for top_bar background */
#banner_head_message {
  padding: 2em;
  color: white;
  padding-top: 1em;
  font-size: 34pt;
  font-weight: bold;
  padding-bottom: 1em;
  position: relative;
  box-shadow: #333 0 -2px 35px 0;
  z-index: 1;
  line-height: 1.1em;
  font-family: Mont-Regular;
}
#banner_hero_image img {
  width: 100%;
}
/* Orange gradient for bottom html */
#banner_foot_html {
  padding: 1em;
  color: white;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 1em;
  position: relative; /* box-shadow: #333 0 2px 35px 0; */
  z-index: 1;
  margin-bottom: 1em;
}
.valeda-logo {
  background-color: white;
  height: 200px !important;
  width: 200px !important;
  border-radius: 50%;
  box-shadow: #444 -5px -5px 35px -8px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  float: left;
  left: calc(50% + 2em);
  margin-top: -70px;
}
.inner_banner_shadow {
  box-shadow: unset;
}
/* .inner_banner, */
.inner_banner_center {
  background: unset;
  color: white;
}
.inner_banner_center h1,
.inner_banner_center .woocommerce-breadcrumb {
  color: white;
  text-shadow: unset;
}
.inner_banner_center .woocommerce-breadcrumb a {
  color: black;
}
z-in .main_footer:empty {
  display: none;
}
.main_footer {
  color: white;
  display: flex;
  align-items: flex-start;
  justify-items: flex-start;
  flex-wrap: nowrap;
  padding: 0;
}
.main_footer > .widget-area {
  margin-left: 1em;
  margin-right: 1em;
  flex-grow: 1;
  flex-basis: 25%;
  font-size: 0.9em;
}
.main_footer > .widget-area .widget-title {
  /* color: #f68b1f; */
  color: black;
  font-size: 1.2em;
  text-transform: uppercase;
  /* text-shadow: #999 1px 1px 1px; */
}
.main_footer a {
  color: #d6d8dc;
}
.main_footer ul {
  list-style: none;
  margin-left: 0;
}
.main_footer ul li {
  line-height: 1em;
  margin-bottom: 0.8em;
}
.bottom_bar .footer_left,
.bottom_bar .footer_right {
  padding: 0;
  margin: 0;
}
/* Let the 4th widget take up extra space */
#footer_widget_4 {
  flex-basis: 35%;
}
.widget-wrapper p:last-child {
  margin-bottom: 0;
}
.bottom_bar .widget-area {
  display: flex;
  vertical-align: middle;
  flex-direction: row;
  align-items: flex-end;
}
.footer_right {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.footer_right:empty {
  display: none;
}
label.lt-device-select-label + br {
  display: none;
}
label.lt-device-select-label {
  font-weight: bold;
}
label.lt-device-select-label:after {
  content: ":";
}
/* Change link colors to green */
a {
  color: #8ec63f;
}
a:hover {
  color: #8ec63f;
}
.navbar .nav > .active > a,
header .dropdown-menu li > a:hover,
header .dropdown-menu li > a:focus,
.dropdown-submenu:hover > a,
header .dropdown-menu .active > a,
header .dropdown-menu .active > a:hover,
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
header .navbar .nav > li > a:hover,
header .navbar .nav > li > a:focus,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li:hover > a,
.navbar .nav li.dropdown.open:hover > .dropdown-toggle,
.navbar .nav li.dropdown.open > .dropdown-toggle:hover,
.navbar .nav li.dropdown.active:hover > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle:hover {
  color: #8ec63f !important;
}
.footer_right {
  display: none !important;
}
@media (min-width: 767px) {
  /* anything larger than a mobile device */
  .top_menu {
    max-width: 70%;
  }
}
.home_boxes {
  clear: both;
  padding-top: 3.5em;
}
/* -------------------------- */
/* Overwrite Main theme style */
body.sidebar .inner_banner h1 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.lt-dashboard-my-orders-title {
  margin-top: 2.8em;
}
a {
  color: #00c0f2;
}
.woocommerce .main_footer .widget-area,
.woocommerce-page .main_footer .widget-area {
  padding-top: 2em;
  padding-bottom: 2em;
}
/* ================ */
/* Tablet/Mobile Styles */
/* ================== */
@media (max-width: 767px) {
  .main_footer {
    flex-direction: column;
    margin-bottom: 1.2em;
    padding-left: 1em;
    padding-right: 1em;
  }
  div#bottom_bar_left {
    margin-bottom: 1.9em;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
  }
  div#bottom_bar_left .widget-area {
    margin-bottom: 0.5em;
  }
  .bottom_bar .center.wrap {
    flex-direction: column;
    align-items: center;
  }
  div#banner_head_message {
    padding-left: 1em;
    padding-right: 1em;
    font-size: 2em;
  }
  .contact-us-footer {
    display: block;
    clear: both; /* padding-left: 15% !important; */ /* padding-right: 15% !important; */
    clear: both;
  }
  .contact-us-footer img {
    clear: both;
  }
  a.contact-us-button {
    position: relative;
  }
  .contact-us-footer > div {
    clear: both;
    margin-bottom: 1em;
  }
  .contact-us-footer > img {
    float: unset !important;
  }
  .main_footer {
    align-items: center;
  }
  .bottom_bar .logo > img {
    width: 200px !important;
    margin-top: 10px !important;
  }
  .bottom_bar .logo {
    margin-bottom: 1em;
  }
  main_footer > .widget-area {
    width: 100%;
  }
  div#bottom_bar_left {
    padding-right: 1em;
    padding-left: 1em;
  }
  .bottom_bar .menu {
    display: flex;
    flex-direction: row;
    min-width: 100%;
    align-items: baseline;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }
  .bottom_bar .widget-wrapper > div {
    width: 100%;
  }
  .bottom_bar .menu > li {
    border-right: unset !important;
    line-height: 2em;
  }
  .bottom_bar .footer_row {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .footer_row > div {
    margin-bottom: 1.2em;
  }
  .bottom_bar .footer_row > div:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mainbody img {
    float: none;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .overlay-image {
    margin-top: 0 !important;
  }
  div#banner_foot_html .center.wrap .text {
    width: 100% !important;
    margin-left: 0 !important;
  }
  #banner_foot_html div {
    clear: both;
  }
  #banner_foot_html div {
    width: 100%;
  }
  #banner_foot_html .valeda-logo {
    position: relative;
    left: calc(50% - 100px);
    top: 0;
    margin-top: 1em !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: -50px;
    clear: both;
  }
}

article {
  margin-bottom: 30px;
}




/* -------------------------------------------------------- */
/* The following Copied from eu.lumithera.com on 2019-03-27 */
/* -------------------------------------------------------- */

.accordians>.accordian.wrapper>.label {
    width: 100%;
    height: 2em;
    vertical-align: middle;
    font-size: 1em;
    padding-top: 0.25em;
    padding-bottom: 0;
    line-height: 1.5em;
    margin-bottom: 0.5em;
    background-color: #eee;
    color: #666;
    font-weight: normal;
    padding-left: 0.5em;
    box-sizing: border-box;
		cursor: pointer;
	  text-shadow: unset;
}
.accordians>.accordian.wrapper>.label:hover {
	background-color: #ccc;
}
.accordians>.accordian.wrapper>.label:after {
	content: "+";
	margin-left:auto;
	display: block;
	float:right;
	padding-right: 1em;
}
.accordians>.accordian.wrapper>.content {
	margin-left:1em;
	margin-right:1em;
}
.accordians>.accordian.wrapper>.content p {
/* margin-bottom:0; */
line-height:1.8em;
}
.navbar .nav li li {
	width: unset ;
}

.woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child, .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child {
	line-height:1.8em;
}


#lt-device-table form button.delete-device-button {
    background-color: white !important;
    color: darkred !important;
    font-weight: bold;
    font-size: 1.2em !important;
    border-radius: 50% !important;
    border: darkred 2px solid;
/* 	box-shadow: #333 2px 2px 4px 0; */
/* 	display:inline-block; */
	margin-top:0.3em;
	margin-bottom:0.3em;
	padding: 0 0.25em;
}
#lt-device-table form button.delete-device-button:hover {
/*     background-color: lightgray !important; */
    color: red !important;
	border-color:red;
}

#lt-device-table form {
	margin-bottom:unset;
}

.contact-us-footer a.button {
    margin-top: 1em;
    display: inline-block;
}

.dashboard-menu-title {
	margin-bottom:0.5em;
}

.dashboard-menu-title a {
	color: #666;
	font-weight:normal;
}

.lumikey_my_account_instructions {
	margin-bottom:1em;
}

.lumikey_my_account_instructions.after {
	margin-top:2em;
}

footer .logo {
	margin-bottom: 0;
}

.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon, #add_payment_method #payment ul.payment_methods li img.stripe-icon {
	width:40px;
}

.woocommerce-page .mainbody p {
	line-height:1em;
}

.legal,
.legal p{
	line-height:1.2em;
}