/***************/
/* GENERAL CSS */
/***************/
body{
     margin:0;
}
.container{
     background: url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/background.jpg') no-repeat;
     background-size:cover;
     font-family: 'Gotham Book', Helvetica, Verdana, sans-serif;
}
article, aside, footer, header, hgroup, main, nav, section {
     display: block;
}
.mobile{
     display:none;
}
ul{
     padding:0;
     text-align: center;
     list-style-type:none;
}
sup {
     line-height: 7px;
}
.neutra-bold{
     font-family: 'Neutra CondensedPS Bold', 'Oswald', sans-serif;
     text-transform:uppercase;
     font-weight: 100;
     letter-spacing: 1.5px;
}

/**************************/
/* SECTION 1 - HEADER CSS */
/**************************/
header {
     padding-top: 30px;
}
div#logo-container {
     width: 85%;
     margin: auto;
     position:relative;
     text-align: center;
}
.left-container{
     width:50%;
     float:left;
}
img#brand-logo {
     width: 40%;
     position:absolute;
}
header .left-container img {
     width: 94%;
}
header .share-widgets {
     margin: -20px 0px 30px 0;
}
.share-widgets {
     width: 100%;
}
.share-widgets p{
     text-align: center;
}

.share-widgets ul li{
     list-style-type:none;
     display:inline-block;
}

.right-container {
     float: right;
     width: 50%;
}
#youtube-container{
     background: url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/youtube-transparent-bg.png');
     padding:4%;
     width: 85%;
     margin: auto;
}
#youtube-container iframe{
     display:none;
}
.youtube-mask {
     width: 100%;
     cursor: pointer;
     border-radius: 3px;
}
#youtube-container h2{
     color:#316da5;
     margin-bottom: 0px;
}
#youtube-container p{
     color:#333333;
     font-size:13px;
     line-height: 18px;
     margin-top: 5px;
}
/******************/
/* MOBILE YOUTUBE */
/******************/
section.mobile-youtube.mobile {
     margin-bottom: -5px;
}
.mobile-youtube iframe{
     display:none;
}

/******************************/
/* SECTION 2 - MICKEY MAP CSS */
/******************************/
section.mickey-map {
     clear: both;
}
div#map-container {
     background: url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/youtube-transparent-bg.png');
     text-align: center;
     padding: 5% 2%;
     position:relative;
     margin: 0 1.7%;
}
img#map-outline {
     width: 70%;
     position:relative;
}

/* FLAG INFO WINDOW 1-10 */
.flag-info-window p.submit-trigger {
     display: none;
} /* Hiding submit trigger per client request */
.flag-info-window {
     position: absolute;
     width: 80%;
     overflow: auto;
     background: #fcf8f4;
     left: 10%;
     min-height: 100px;
     border-radius:10px;
     margin-bottom: 1%;
     display:none;
     z-index: 99999;
     -webkit-box-shadow: 4px 4px 9px -4px #6C6B6B;
     -moz-box-shadow: 4px 4px 9px -4px #6C6B6B;
     -ms-box-shadow: 4px 4px 9px -4px #6C6B6B;
     -o-box-shadow: 4px 4px 9px -4px #6C6B6B;
     box-shadow: 4px 4px 9px -4px #6C6B6B;
}
.close {
     background: #d0ceca;
     border-radius: 70px;
     width: 25px;
     height: 20px;
     color: #fff;
     font-weight: 100;
     font-family: helvetica, arial, sans-serif;
     font-size: 12px;
     padding-top: 5px;
     float: right;
     margin: 10px;
     cursor: pointer;
}
.info-down {
     width: 4%;
     position: absolute;
     display:none;
     z-index: 99999;
}
.info-down img{
     width:100%;
}
.start h2.neutra-bold {
     color: #316da5;
     font-size: 40px;
     line-height: 40px;
     margin: 0;
}
.start p {
     width: 80%;
     margin: 35px auto;
}
.start p span {
     font-family: 'Gotham bold';
}
.flag-info-window #prize-list {
     background: none;
     width: 100%;
     padding: 0;
     color:#515151;
}
.flag-info-window[data-num=flag-10] .submit-trigger{
     display:none;
}
.body-content {
     overflow: auto;
     clear: both;
}
.body-content h3 {
     margin-top: 0;
}
.modal-clues {
     width: 25%;
     float: left;
     margin: 0 6%;
}
.modal-clues:first-of-type {
     margin-right: 0;
}
.modal-clues:last-of-type {
     margin-left: 0;
}
.modal-clues img {
     width: 100%;
}
p.submit-trigger {
     margin-bottom: 0;
}
.submit-trigger a{
     font-family: 'Gotham Medium', Helvetica, Verdana, sans-serif;
     color:#e21f3c;
     text-transform: uppercase;
     cursor:pointer;
     margin-bottom: 0;
     text-decoration:none;
}

/* PINS CSS */
.pins{
     position: absolute;
     width:7%;
     cursor: pointer;
     z-index:2;
}
img#flag-0 {
     left: 21%;
     top: 43%;
}
img#flag-11 {
     top: 57%;
     left: 69%;
     z-index:99;
}
img#flag-1 {
     left: 18.5%;
     top: 1%;
}
img#flag-2 {
     top: 40%;
     left: 29%;
}
img#flag-3 {
     top: 28%;
     left: 37.5%;
}
img#flag-4 {
     top: 41%;
     left: 47%;
}
img#flag-5 {
     top: 50%;
     left: 48%;
}
img#flag-6 {
     left: 58%;
     top: 20%;
}
img#flag-7 {
     top: 39%;
     left: 60%;
}
img#flag-8 {
     top: 11.5%;
     left: 77%;
}
img#flag-9 {
     left: 73%;
     top: 21%;
}
img#flag-10 {
     top: 48%;
     left: 68%;
}
/* ROADS */
.roads {
     position: absolute;
     z-index:1;
}
img#road-to-1 {
     width:7.2%;
     top: 16%;
     left: 19.5%;
}
img#road-to-2 {
     width: 17%;
     top: 16%;
     left: 19.9%;
}
img#road-to-3 {
     width: 14%;
     top: 44.5%;
     left: 28.5%;
}
img#road-to-4 {
     width: 16%;
     top: 22.5%;
     left: 36.4%;
}
img#road-to-5 {
     width: 7.5%;
     top: 55%;
     left: 50%;
}
img#road-to-6 {
     width: 13%;
     top: 31.5%;
     left: 48%;
}
img#road-to-7 {
     width: 4.5%;
     top: 37%;
     left: 61%;
}
img#road-to-8 {
     width: 17.5%;
     top: 24%;
     left: 62.3%;
}
img#road-to-9 {
     width: 4.5%;
     top: 28.5%;
     left: 75.2%;
}
img#road-to-10 {
     width: 5%;
     top: 37%;
     left: 70.5%;
}
img#road-to-11 {
     width: 4.7%;
     top: 62%;
     left: 67%;
}

/* FOLLOW INSTAGRAM */
div#follow-journey-container {
     width: 20%;
     position: absolute;
     bottom: 5%;
}
#follow-journey-container h2 {
     text-align: left;
     color:#316da5;
     margin-bottom: 0;
}
#follow-journey-container p{
     color:#333333;
     font-size: 0.8rem;
     text-align: left;
}
#follow-journey-container hr{
     border:1px solid #acc3ca;
}
div#follow-instagram img {
     float: left;
     width: 20%;
}
#follow-instagram p {
     font-family: 'Gotham Black', Helvetica, Verdana, sans-serif;
     color: #4d83ad;
     font-size: 0.8rem;
     float: left;
     width: 75%;
     margin: 0;
     padding: 3px 0px 0px 5px;
}
div#map-grand-prize {
     position: absolute;
     right: 2%;
     bottom: 5%;
     width: 19%;
}
#map-grand-prize img{
     width:100%;
}

/*******************************/
/* SECTION 3 - GRAND PRIZE CSS */
/*******************************/
section.grand-prize-info-container{
     margin-top:10px;
     position:relative;
     z-index: 100;
}
div#details-trigger {
     width: 10%;
     margin-left: 1.5%;
     position:relative;
}
#details-trigger img{
     width:100%;
     cursor: pointer;
}
#details-trigger img#d-arrow {
     width: 13%;
     top: 35%;
     left: 43%;
     position: absolute;
}
#grand-prize-info{
     background:url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/grand_prize_full-bg.png') no-repeat;
     background-size: cover;
     margin-top: -16px;
     overflow: auto;
}
div#cta-container {
     margin: 20px 0px 5px;
}
#grand-prize-info h2 {
     color: #316da5;
     display: inline-block;
     width: 20%;
     padding-right: 4%;
     border-right: 2px solid #989896;
     text-align: right;
}
#grand-prize-cta{
     display: inline-block;
     margin-left:4%;
     font-size: 18px;
}
div#grand-prize-hidden {
     overflow: auto;
     margin-bottom: 40px;
     font-size:14px;
     line-height: 21px;
     color:#3f3f3f;
     width: 96%;
     margin: 0 auto 30px;
     background: #f3efe9;
     padding: 15px 0;
}
div#middle {
     width: 70%;
     margin: 0 auto 15px;
     text-align: center;
     font-size: 13px;
}
div#run-disney {
     width: 85%;
     margin: 10px auto -10px;
     text-align: center;
}
#run-disney img {
     width: 50%;
}
div#run-disney p {
     margin-top: 0;
}
#run-disney p a{
     font-family:'Gotham Bold';
     color:#000;
}
section.grand-prize-info-container .right-container ul li {
     list-style-type: none;
     text-align: center;
}
.grand-prize-info-info-container .right-container{
     margin: 20px 0;
}
#prize-list{
     /*background: #f3efe9;*/
     background: #80a7d5;
     width: 85%;
     padding: 15px 20px;
     border-radius: 7px;
     color:#fff;
}


/******************************/
/* SECTION 4 - CLUES/DAYS CSS */
/******************************/
section.days-clues {
     position: relative;
     top: -270px;
     z-index:101;
}
/*#signup-container{
     display:none;
}*/
.prize-background{
     background: url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/prize_background.jpg') no-repeat;
}
.days-clues{
     background-size:cover;
     overflow: auto;
}
.center.slick-slider{
     margin-top: 5px;
}
.slick-next, .slick-next:hover, .slick-next:focus{
     right:0;
     background:url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/carousel-next.png') no-repeat;
     height: 70px;
     width: 40px;
     top: 18%;
}
.slick-prev, .slick-prev:hover, .slick-prev:focus{
     left:0;
     background:url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/carousel-prev.png') no-repeat;
     height: 70px;
     width: 40px;
     top: 18%;
}
.slick-prev:before, .slick-next:before {
     font-family: "slick";
     font-size: 0px;
     line-height: 1;
     color: white;
     opacity: 0;
}
#prize-carousel .slick-slide {
     background: #fff;
     margin: 5px;
     border-radius: 10px;
     padding: 10px 0;
          /* for ::after arrow on center */
          margin-bottom: 30px;
}
#prize-carousel .slick-slide.slick-active.slick-center::after {
     content: "";
     border-top: 25px solid #fff;
     position: absolute;
     width: 1px;
     border-left: 20px solid transparent;
     border-right: 20px solid transparent;
     top: 100%;
     left: 32%;
}
#prize-carousel .slick-slide.award-past::after {
     border-top: 25px solid #dae8f1 !important;
}

#prize-carousel .slick-slide.upcoming::after {
     border-top: 25px solid #316da5 !important;
}
#prize-carousel .slick-slide.blank::after {
     border: 0px !important;
}
#prize-carousel .slick-slide.award-past{
     background:#dae8f1;
}
#prize-carousel .slick-slide.upcoming{
     background: url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/question-mark.png') #316da5 no-repeat;
     background-position: 50%;
}
#prize-carousel .slick-slide.upcoming .prize-container{
     visibility:hidden;
}

#prize-carousel .slick-slide.blank{
     background:none;
}

.prize-container{
     width: 70%;
     position: relative;
     margin: auto;
}
img.prize-img {
     position: relative;
     width: 100%;
     margin: auto;
}
img.awarded{
     width:120%;
     position: absolute;
     top: 0;
     left:-10%;
}

/* DAY INDICATOR */
div#day-indicator {
     background: url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/dash_line.png') no-repeat;
}
#day-indicator p {
     width: 100px;
     background: #316da5;
     border-radius: 10px;
     padding: 5px 10px;
     text-align: center;
     color: #fff;
     font-style: italic;
     margin: auto;
     position: relative;
     top: -11px;
}

/* DOUBLE BORDER CSS */
#clue-prizepack button, .mobile-clues button{
     border-radius: 10px;
     padding: 10px 20px;
     font-family: 'Gotham Bold', Helvetica, Verdana, sans-serif;
     outline: none;
     cursor: pointer;
}
/* LEFT CONTAINER */
div#clue-prizepack {
     overflow: auto;
     padding: 20px 0;
}
.double-border{
     background: url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/bottom_borders.png') no-repeat;
     width: 100%;
     height: 500px;
     background-position: 50%;
}
.today-clues h2.neutra-bold {
     text-align: center;
     color: #fff;
     text-shadow: none;
     width: 50%;
     margin: auto;
     padding-top: 10px;
     background-position: 50%;
}
.clue-container {
     text-align: center;
     margin-top: 30px;
     height:385px;
}
.clue-container img {
     box-shadow: 1px 1px 15px 2px #505050;
     width: 70%;
}/* Using mobile UX for desktop now */

.clue-container.mobile-today-slick{
     text-align: center;
     width:80%;
     margin:auto;
     margin-top: 20px;
     height:400px;
}
.clue-container.mobile-today-slick img{
     width:100%;
}
.clue-button-container {
     margin: auto;
     width: 70%;
     overflow: auto;
     display:none; /* Changed desktop to same as mobile experience */
}
.button-container{
     width: 40%;
     float: left;
     background-position: 100% 50%;
     text-align: center;
     margin: 3% 2% 0 2%;
}
.button-container:last-child{
     float:right;
}
.clue-button{
     background: #a9daf3;
     border:2px solid #fff;
     color: #215f89;
}
.clue-button.inactive{
     background:#c1c1c1;
     color:#6d6d6d;
     border:2px solid #c1c1c1;
}

/* RIGHT CONTAINER */
.submit-button{
     background: #e21f3c;
     border: 2px solid #e21f3c;
     color:#fff;
}
.today-pack-header p, .today-pack-header h2{
     margin: 0;
}
.today-pack-header p {
     font-size: 14px;
}
.today-pack-header h2 {
     margin: 5px;
}
.today-pack-header {
     width: 50%;
     text-align: center;
     margin: auto;
     color: #fff;
     position: relative;
     top: -12px;
     background-position: 50%;
}
.prize-display-container{
     width: 80%;
     margin: auto;
     height:365px;
     position:relative;
     top: -5px;
}
.qty-img {
     position: absolute;
     top: -20px;
     left: 0;
     width: 20%;
}
.qty-img img{
     width:100%;
}
.prize-img-container {
     background: url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/prizes/prize_pack_blue_bg.png');
     width: 90%;
     height: 240px;
     margin: 20px auto 0px;
     text-align: center;
     border-radius: 5px;
}
.prize-img-container img {
     width: 70%;
}
.prize-description {
     color: #fff;
}
.prize-description h6{
     margin:0;
     clear:both;
     font-size: 8px;
}
ul#today-prize-list {
     list-style-type: none;
     text-align: left;
     width: 65%;
     height: 85px;
     margin: 10px 0 0;
     float:left;
     columns: 2;
     -webkit-columns: 2;
     -moz-columns: 2;
     -ms-columns: 2;
     -o-columns: 2;
}
.no-csscolumns ul#today-prize-list li{
     float:left;
     width:50%;
}
ul#today-prize-list li {
     font-size: 11px;
}
.amazon-card{
     float:right;
     position: relative;
     top: 20px;
}
.amazon-card p {
     position: absolute;
     top: -5px;
     left: 57px;
     font-family: 'Gotham Bold';
}
.submit-button-container {
     text-align: center;
     width: 40%;
     margin: auto;
     background-position: 90% 90%;
     margin-top: 1%;
}

/***********************/
/* DESKTOP SIGNUP FORM */
/***********************/
div#signup-container {
     position: absolute;
     top: 200px;
     left: 50px;
     width: 90%;
     padding: 10px;
     border-radius: 10px;
     background: #fcf8f4;
     display:none;
}
#signup-container .close{
     width:15px;
     padding-left:10px;
     margin: 0 0 10px 10px;
}


/****************************/
/* SECTION 5 - MOBILE CLUES */
/****************************/
.mobile-clues{
     width:100%;
}
.white-text-banner {
     background: #fff;
     padding: 10px 0;
}
.white-text-banner h3{
     text-transform: uppercase;
     color:#454545;
     font-family: 'Gotham Bold', Helvetica, Verdana, sans-serif;
     text-align: center;
}
#today-clues-mobile.prize-background{
     background-repeat:repeat;
     position:relative;
}
div#today-clues-mobile img {
     width: 100%;
}
div#mobile-signup-container {
     position: absolute;
     top: 0px;
     width: 100%;
     height:100%;
     background: #fcf8f4;
     display: none;
}
.m-close {
     width: 7%;
     position: absolute;
     bottom: 1%;
     left: 47%;
     cursor: pointer;
}
.mobile-clues .submit-button-container{
     margin-top:0;
     padding: 20px 0;
     width: 100%;
}

/* MOBILE PAST DAYS CSS */
.past-days-container {
     background: url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/grand_prize_full-bg.png') repeat;
     background-position: 0% -10px;
     overflow: auto;
     border-top: 2px solid #2e679b;
}
.past-days{
     overflow: auto;
}
.expand-collapse.collapsed {
     width: 55px;
     height: 55px;
     position: relative;
     cursor: pointer;
}
.expand-collapse .expand{
     display:none;
}
.expand-collapse.collapsed .expand{
     display:block;
}
img.expand {
     position: absolute;
     top: 24px;
     left: 24px;
}


.day, .city{
     float:left;
}
.day {
     width: 25%;
     padding-left: 5%;
     padding-top: 3px;
}
.city {
     margin-top: 5px;
     font-family: 'Gotham Bold', Helvetica, Verdana, sans-serif;
     font-size: 20px;
     color:#2e679b;
     text-transform: uppercase;
}
.toggle.expand-collapse {
     float: right;
     padding-right: 5%;
     padding-top: 8px;
     position:relative;
}

/* SLICK SLIDER MOBILE TODAY/PAST DAYS */
.mobile-today-slick.slick-slider, .slick-past-container.slick-slider {
     margin-bottom:0;
     overflow-x: hidden;
}
.mobile-today-slick .slick-slide img, .slick-past-container .slick-slide img{
     width:100%;
}
.mobile-today-slick button.slick-prev, .slick-past-container button.slick-prev {
     left: -7px;
     top:43%;
}
.mobile-today-slick button.slick-next, .slick-past-container button.slick-next{
     right: -7px;
     top:43%;
}


/*********************/
/* MOBILE FOOTER CSS */
/*********************/
section.mobile-footer {
     background: url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/youtube-transparent-bg.png');
     padding: 1%;
     width: 94%;
     margin: 2%;
     text-align: center;
}
section.mobile-footer.mobile p {
     margin-bottom: 10px;
}
.mobile-footer h2{
     color:#316da5;
     margin-bottom: 5px;
}
.mobile-footer p{
     color: #333333;
     font-size: 13px;
     line-height: 18px;
     width: 80%;
     margin: auto;
}


/****************/
/*  FOOTER CSS  */
/****************/
section.footer-fine-print{
     margin-top: -250px;
}
.footer-no-purchase{
     font-size:9px;
     text-align: center;
     color:#3f3f3f;
     padding:2% 5%;
}
.footer-no-purchase p b{
     font-family: 'Gotham Bold', Helvetica, sans-serif;
}


/***************/
/* BREAKPOINTS */
/***************/
@media(min-width:1000px){
     .container{
          width:1000px;
          margin: auto;
     }
}

@media (max-width:991px){
     .mobile{
          display:block;
     }
     #logo-container .share-widgets, header #youtube-container iframe, header .youtube-mask, section.mickey-map, .grand-prize-info-container, .days-clues {
          display: none;
     }
     header .left-container, header .right-container {
          width: 100%;
          float: none;
     }
     img#brand-logo{
          width: 30%;
          position: absolute;
          top: -3%;
          left: -5%;
          background: none;
     }
     div#logo-container {
          background: url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/mickey_map.png') no-repeat;
          background-size: contain;
          background-position: 50% 10%;
          text-align: center;
     }
     header .left-container img {
          width: 70%;
          /* FINISH PIN */
          background: url('https://s3.amazonaws.com/assets.offerpop.com/Assets/Amazon/Amazon-NB-Disney/images/flag_finish.png') no-repeat;
          background-size: 12%;
          background-position: 100% 77%;
     }
     div#youtube-container {
          text-align: center;
          padding: 1%;
          width: 94%;
          margin:2%;
     }
     section.footer-fine-print{
          margin-top:0px;
     }

}

@media(max-width:440px){
     .city{
          font-size: 17px;
          margin-top: 2%;
     }
}

@media(max-width:380px){
     .day img {
          width: 80%;
     }
     .city {
          margin-top: 10px;
          font-size: 12px;
     }
     .toggle.expand-collapse{
          padding-top:5px;
     }
     img.expand {
          top: 21px;
     }
}