/* ------------------------------------------------
   The Whisky Exchange Christmas
   Designed and Built by The Whisky Exchange
   All Rights Reserved

   Umami Japan CSS File

   Content:
   General
   Landing Page Banner
   Landing Boxes
   Landing Groups
   ------------------------------------------------ */
/* ------------------------------------------------
   General
   ------------------------------------------------ */

/* ------------------------------------------------
   Landing Page Banner
   ------------------------------------------------ */

/* Container */
@media (min-width: 660px) {
   .umami-landingbanner {
      padding: 20px;
      background-image: url(/components/feature/umamijapan/assets/application/images/landing/banner.jpg?v1);
      background-position: center center; 
      background-size: cover;
   }
}

/* Title */
.umami-landingbanner .title {
   display: block;
   width: 100%;
   margin: 0 auto;
}
.umami-landingbanner .title .logo,
.umami-landingbanner .title .logo-mob {
   display: block;
   width: 100%;
   height: auto;
}
.umami-landingbanner .title .logo {
   display: none;
}
.umami-landingbanner .title .text {
   display: block;
   font-size: 0;
   overflow: hidden;
   text-indent: -9999px;
}
@media (min-width: 660px) {
   .umami-landingbanner .title {
      width: 40%;
      max-width: 615px;
      margin: 0 auto;
   }
   .umami-landingbanner .title .logo {
      display: block;
      max-width: 600px;
      max-height: 520px;
   }
   .umami-landingbanner .title .logo-mob {
      display: none;
   }
}
/* ------------------------------------------------
   Landing Boxes
   ------------------------------------------------ */

/* Box style overrides - Style 1 */
.umami .box-style1 .box-border {
   border: 1px solid #ccc;
}
.umami .box-style1 .box-border:after {
   border: 5px solid #ffffff;
}
.umami .box-style1 .box-content {
   background: #ffffff;
}
.umami .box-style1 .box-content .meta {
   color: #000;
}
.umami .box-style1 .box-content .title {
   color: #e71d1d;
}
@media (min-width: 768px) {
   .umami .box-style1 .box-border:after {
      border: 10px solid #ffffff;
   }
}
/* Box style overrides - Style 2 */
.umami .box-style2 .box-border {
   border: 1px solid #ccc;
}
.umami .box-style2 .box-border:after {
   border: 5px solid #fff;
}
.umami .box-style2 .box-content {
   background: #fff;
}
.umami .box-style2 .box-content .meta {
   color: #000;
}
.umami .box-style2 .box-content .title {
   color: #e71d1d;
}
@media (min-width: 768px) {
   .umami .box-style2 .box-border:after {
      border: 10px solid #fff;
   }
}

/* ------------------------------------------------
   Landing Groups
   ------------------------------------------------ */

/* Group 1 */
.umami-group1.gifting-group {
   background-color: #fff;
}
@media (min-width: 768px) {
   .umami-group1.gifting-group {
      background-image: url(/components/feature/umamijapan/assets/application/images/landing/bg1-3.jpg);
   }
}
.umami-group1.gifting-group .copy {
   background: #fff;
   color: #726a5d;
}
.umami-group1 .gifting-title .title {
    color: #d61f1b;
}
.gifting-title .inner .sub {
   color: #726a5d;
}
@media (min-width: 450px) {
   .umami-group1.gifting-group .gifting-title .inner:before,
   .umami-group1.gifting-group .gifting-title .inner:after {
      border-top: 1px solid #d61f1b;
   }
}

/* Group 2 */
.umami-group2.gifting-group {
   background-color: #fff;
}
@media (min-width: 768px) {
   .umami-group2.gifting-group {
      background-image: url(/components/feature/umamijapan/assets/application/images/landing/bg2.jpg);
   }
}
.umami-group2.gifting-group .copy {
   color: #726a5d;
}
.umami-group2 .gifting-title .title {
    color: #d61f1b;
}
.umami-group2 .gifting-title .inner .sub {
   color: #726a5d;
}
@media (min-width: 450px) {
   .umami-group2.gifting-group .gifting-title .inner:before,
   .umami-group2.gifting-group .gifting-title .inner:after {
      border-top: 1px solid #d61f1b;
   }
}

/* Group 3 */
.umami-group3.gifting-group {
   background-color: #fff;
}
@media (min-width: 768px) {
   .umami-group3.gifting-group {
      background-image: url(/components/feature/umamijapan/assets/application/images/landing/bg1-3.jpg);
   }
}
.umami-group3.gifting-group .copy {
   color: #726a5d;
}
.umami-group3 .gifting-title .title {
    color: #d61f1b;
}
.umami-group3 .gifting-title .inner .sub {
   color: #726a5d;
}
@media (min-width: 450px) {
   .umami-group3.gifting-group .gifting-title .inner:before,
   .umami-group3.gifting-group .gifting-title .inner:after {
      border-top: 1px solid #d61f1b;
   }
}

/* Utilities */
.dtfix { display: none; }
@media (min-width: 768px) {
    .dtfix { display: inline; }
}
.breadcrumb i.nolink {
    font-weight: 700;
}