/**
 * TABLE OF CONTENT
 *  

 *

 *
 */
/*  $tjm-background-color: rgba(225, 210, 169, 0.62); //transparent
 $tjm-background-color-2: #a99d73; //menu, not transparent
 $tjm-background-color-3: rgba(0, 0, 0, 0.9); //transparent
 $tjm-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
 $tjm-base-color-1: rgba(26, 26, 26, 0.45);
 $tjm-type-color-1: #808080;
 $tjm-type-color-2: #4d4d4d;
 $tjm-type-color-3: #ffffff;
 */
/*************************************
 *           TJM Landing Page
 *           - dark design -
 ***************************************/
.tjm-style {
  background-color: rgba(0, 0, 0, 0.9);
  color: #ffffff;
  padding: 10px 20px 20px;
  /* Link Collection */
  /*
    *              OLD STYLE
    *           - light design -
    */
  /*---Main content area---*/
}

.tjm-style h1 {
  color: #ffffff;
  margin-bottom: 20px;
}

.tjm-style h2, .tjm-style h2, .tjm-style h3, .tjm-style h4, .tjm-style h4 {
  color: #ffffff;
}

.tjm-style .image-slider.crop-slider {
  margin: auto;
  max-width: 100%;
}

.tjm-style .image-slider.crop-slider .slick-slide {
  overflow-x: hidden;
}

.tjm-style .image-slider.crop-slider .slick-slide img {
  position: relative;
  /* 4:3 Rate*/
  /* 16:10 rate */
  height: calc( (100vw - 60px) * 0.53);
  left: calc( ( ((100vw - 60px) * 0.53 )/0.35 - 100%) / -2);
}

@media only screen and (min-width: 640px) {
  .tjm-style .image-slider.crop-slider .slick-slide img {
    height: auto;
    left: calc( (1010px - 100%) / -2);
  }
}

.tjm-style p {
  max-width: 600px;
  margin: 20px auto;
}

.tjm-style .media-wrapper {
  text-align: center;
}

.tjm-style .media-wrapper img {
  width: 100%;
  max-width: 540px;
}

.tjm-style .lp-cta-single-link-collection {
  background-color: black;
  border: 1px solid #ffffff;
}

.tjm-style .lp-cta-single-link-collection h2 {
  color: #ffffff;
  text-transform: lowercase;
}

.tjm-style .lp-cta-single-link-collection h2 u {
  text-transform: uppercase;
  color: #ffffff;
}

.tjm-style .lp-cta-single-link-collection a {
  border: 1px solid #ffffff;
}

.tjm-style .lp-cta-single-link-collection a:hover {
  background-color: black;
  color: white;
}

.tjm-style.background-content-tjm {
  background-color: rgba(225, 210, 169, 0.62);
  color: black;
}

.tjm-style.background-content-tjm h1, .tjm-style.background-content-tjm h2 {
  color: black;
}

.tjm-style.position-content-tjm {
  padding: 10px 20px 20px;
}
/*# sourceMappingURL=tjm_style.css.map */