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

   Default CSS File

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

/* ------------------------------------------------
   General
   ------------------------------------------------ */

/* Titles */
.mexico .gifting-title .title {
   color: #9a4b0a;
}
.mexico .gifting-title .inner .sub {
   color: #9a4b0a;
}
@media (min-width: 450px) {
   .mexico .gifting-title .inner:before,
   .mexico .gifting-title .inner:after {
      border-top: 1px solid #9a4b0a;
   }
}

/* Copy */
.mexico .gifting-group .copy {
   color: #9a4b0a;
}

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

/* Container */
@media (min-width: 660px) {
   .mexico-landingbanner {
      padding: 100px 0 200px;
      background-image: url(/components/feature/mexico/assets/application/images/logo-banner.jpg);
      background-position: center center; 
      background-size: cover;
   }
}

/* Title */
.mexico-landingbanner .title {
   display: block;
   width: 100%;
   margin: 0 auto;
}
.mexico-landingbanner .title .logo,
.mexico-landingbanner .title .logo-mob {
   display: block;
   width: 100%;
   height: auto;
}
.mexico-landingbanner .title .logo {
   display: none;
}
.mexico-landingbanner .title .text {
   display: block;
   font-size: 0;
   overflow: hidden;
   text-indent: -9999px;
}
@media (min-width: 660px) {
   .mexico-landingbanner .title {
      width: 50%;
      max-width: 681px;
      margin: 0 auto;
   }
   .mexico-landingbanner .title .logo {
      display: block;
      max-width: 681px;
      max-height: 212px;
   }
   .mexico-landingbanner .title .logo-mob {
      display: none;
   }
}


/* ------------------------------------------------
   Landing Boxes
   ------------------------------------------------ */

/* Box style overrides - Style 1 */
.mexico .box-style1 .box-border {
   border: 1px solid #e86d2a;
}
.mexico .box-style1 .box-border:after {
   border: 5px solid #e86d2a;
}
.mexico .box-style1 .box-content {
   background: #e86d2a;
}
.mexico .box-style1 .box-content .meta {
   color: #fff;
}
.mexico .box-style1 .box-content .title {
   color: #fff;
}
@media (min-width: 768px) {
   .mexico .box-style1 .box-border:after {
      border: 10px solid #e86d2a;
   }
}

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

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

/* Group 2 */
.mexico-group2.gifting-group {
   background-color: #eab800;
}
@media (min-width: 768px) {
   .mexico-group2.gifting-group {
      background-image: url(/components/feature/mexico/assets/application/images/section2_background.jpg);
   }
}

/* ------------------------------------------------
   Offer
   ------------------------------------------------ */
.mexico .gifting-offer {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0.7% 1.4%;
    font-family: 'Lato', arial, sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: 0.15em;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
}
.mexico .gifting-offer .wrapper {
    background: #bf0212 url(/components/feature/mexico/assets/application/images/spo-bg.jpg?v=05052016) no-repeat center center;
    background-size: cover;
    display: block;
    padding: 10px 0;
    width: 100%;
}
@media (min-width: 768px) {
    .mexico .gifting-offer .wrapper {
        background: #bf0212 url(/components/feature/mexico/assets/application/images/spo-bg.jpg?v=05052016) no-repeat center center;
        display: table;
        padding: 0;
        table-layout: auto;
        width: 100%;
    }
}
.mexico .gifting-offer .wrapper div {
    background: none;
    display: block;
}
@media (min-width: 768px) {
    .mexico .gifting-offer .wrapper div {
        background: none;
        display: table-cell;
        vertical-align: middle;
        width: 33.333%;
    }
    .mexico .gifting-offer .wrapper .gifting-offer__inner {
        width: 33.333%;
    }
}
.mexico .gifting-offer .wrapper div:first-of-type {
    line-height: 0;
}
.mexico .gifting-offer .wrapper div:first-of-type img.mob {
    display: block;
    margin: 0 auto;
}
.mexico .gifting-offer .wrapper div:first-of-type img.dtop {
    display: none;
}
@media (min-width: 768px) {
    .mexico .gifting-offer .wrapper div:first-of-type img.mob {
        display: none;
    }
    .mexico .gifting-offer .wrapper div:first-of-type img.dtop {
        display: block;
    }
}

.mexico .gifting-offer__inner {
    font-family: 'Oswald','Lato',arial,sans-serif;
    font-size: 2em;
    text-align: center;
}
.mexico .gifting-offer__inner span {
    display: block;
    font-size: 0.7em;
}
.mexico .gifting-offer__button {
    color: #e86d2a;
    font-size: 0.9em;
    position: relative;
    top: 0;
    right: 0;
    padding: 10px 15px;
}
.mexico .gifting-offer__button {
   color: #bf0212;
    max-width: 200px;
    margin: 0px auto;
}
.mexico .mexico-group4 .copy a {
   color: #e86d2a;
   text-decoration: underline;
}