/*********************************************************************************/ /*----------------------------- LOWER CONTENT ----------------------------*/ /*********************************************************************************/ #tiledContent {overflow:hidden;width:100%;} #lowerContentWrapper span, #lowerContentWrapper p {font:17px futura-pt,tahoma,geneva,verdana,arial,sans-serif;} /*preloader styles*/ #dd-daily-destination #lowerContentWrapper {position:relative;overflow:hidden;} #dd-daily-destination #lowerContentPreloaderOverlay {display:block;position:absolute;width:100%;height:100%;background:#fff url(../../../../../../../../htmlpages/Daily-Destination-grid-layout/bx_loader.gif) no-repeat center 30px;z-index:100;} #dd-daily-destination #preloadableContent {z-index:-100;} /*****************************/ /* CATEGORIES FILTER */ /*****************************/ #tiledContent nav {width:100%;text-align:center;background:url(../../../../../../../../homepage/WW-daily-destinations-responsive/nav-divider-bg.gif) repeat-x 10px 15px;margin:0 0 30px 0;} #tiledContent nav div.navWrapper {display:inline-block;position:relative;z-index:10;background:#fff;min-height:30px;} #tiledContent nav div.navHolder {position:absolute;top:0;left:50%;z-index:10;/*width:270px;margin-left:-130px;*/} #tiledContent nav div.navHolder ul {float:left;border-top:solid 2px #000;} #tiledContent nav div.navHolder ul li {font:17px futura-pt,tahoma,geneva,verdana,arial,sans-serif;clear:both;min-height:20px;padding:5px 15px;transition: background-color 0.5s; border-left:solid 2px #000;border-right:solid 2px #000;border-bottom:solid 2px #000;background:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;} #tiledContent nav div.navHolder ul li.firstOption {padding:5px 15px;} #tiledContent nav div.navHolder ul li span.arrow {display:block;position:absolute;top:15px;right:13px;text-indent:-9999em;} #tiledContent nav div.navHolder li.firstOption span.arrow {background: url(../../../../../../../../homepage/WW-daily-destinations-responsive/filter-tab-arrow.png) no-repeat right center;height:9px;width:17px;} #tiledContent nav div.navHolder ul li a {text-decoration:none;text-transform:uppercase;float:left;display:block;width:100%;} #tiledContent nav div.navHolder ul li:hover {color:#999;} #tiledContent nav div.navHolder li.firstOption:hover {color:#000;} #tiledContent nav div.navHolder ul li.on {color:#999;} #tiledContent nav div.navHolder ul li.on:hover {cursor:default;} /* 3 column layout */ #dd-daily-destination #tiledContent #columnGrid {overflow:hidden;margin:0 -32px 0 0;} #dd-daily-destination #tiledContent #columnGrid .col {float:left;width:33.33%;} #dd-daily-destination #tiledContent #columnGrid .col .module {max-width:304px;} #dd-daily-destination #tiledContent #columnGrid .col .module {margin:0 32px 32px 0;float:left;} /*****************************/ /* MODULE - generic */ /*****************************/ #columnGrid .module {position:relative;text-align:center;} #columnGrid .module a { text-decoration: none; color: inherit; display:block;} #columnGrid .module h3, #columnGrid .module h2 {max-width:100%;margin:0 auto;} #columnGrid .module h3 img, #columnGrid .module h2 img {width:100%;} /*#columnGrid .module.discover h3 img, #columnGrid .module h2 img { margin-bottom:14px;}*/ #columnGrid .module span {font-size:17px;display:block;} /*#columnGrid .module h3 .desc strong {margin:10px 0 5px 0;display:inline-block;max-height:0px; overflow:hidden; -webkit-transition: max-height 0.5s ease, opacity 0.5s ease; -moz-transition: max-height, opacity 0.5s ease; transition: max-height 0.5s ease, opacity 0.5s ease;}*/ #columnGrid .module h2 .desc strong {font-size:24px;font-weight:bold;padding:10px 0 2px 0;display:block; line-height:24px;text-transform:uppercase;} #columnGrid .module:hover h3 .desc .bg span {text-decoration:none;} #columnGrid .module .desc {position:absolute;width:100%;bottom:12px;display:block;height:auto;margin-bottom:-22px; overflow:hidden;} /*#columnGrid .module:hover .desc{ transition:bottom 0.5s ease-in-out 0s;} #columnGrid .module .desc .centreLbl {margin:0 0 -16px 0;display:block;text-align:center;position:relative; transition: background .5s ease-in-out, margin 0.3s; -moz-transition: background .5s ease-in-out, margin 0.3s; -webkit-transition: background .5s ease-in-out, margin 0.3s;}*/ /*#columnGrid .module:hover .desc .centreLbl {background:#fff;margin:0;}*/ #columnGrid .module .desc .centreLbl em {display:inline-block;font-size:12px;text-transform:uppercase;background:#fff; padding:6px 17px;text-align:center;} #columnGrid .module .desc .bg {background:#fff;} #columnGrid .module .desc .bg span {font-size:17px;line-height:24px;} #columnGrid .module .desc .link {display:block;} #columnGrid .module .desc .link .arrow {font-size:0.8em;display:inline-block;padding:0 0 0 5px;} #columnGrid .module:hover .desc .link {text-decoration:none;} #columnGrid .module:hover .desc .link .arrow {text-decoration:none;} /*#columnGrid .module:hover .desc strong {max-height:0}*/ /*#columnGrid .module .desc .bg:before { display:block;width:8px;height:0;background-color:#d9d9d9;content:"";margin:0 auto;border-top:solid #fff 0;} #columnGrid .module:hover .desc .bg:before { display:block;width:8px;height:1px;background-color:#d9d9d9;content:"";margin:0 auto;border-top:solid #fff 2px;}*/ /*service message*/ #columnGrid .module.serviceMsg .desc .bg:before {border:none;} #columnGrid .module.serviceMsg:hover .desc .bg:before {height:0px;border:none;} #columnGrid .module.serviceMsg h3 {border:solid 1px #e8e8e8; transition: border-color .3s ease-in-out; -moz-transition: border-color .3s ease-in-out; -webkit-transition: border-color .3s ease-in-out;} #columnGrid .module.serviceMsg:hover h3 {border:solid 1px #000;} #columnGrid .module.serviceMsg h3 a {display:block;border:solid 1px transparent; transition: border-color .3s ease-in-out; -moz-transition: border-color .3s ease-in-out; -webkit-transition: border-color .3s ease-in-out;} #columnGrid .module.serviceMsg:hover h3 a {display:block;border:solid 1px #000;} /* feed */ #columnGrid .module.feedHere .dd-feed-published, #columnGrid .module.newsHere .dd-feed-published {font:12px/2 futura-pt,tahoma,geneva,verdana,arial,sans-serif;} /*****************************/ /* VIDEO */ /*****************************/ #columnGrid .video span.playBtn { display:block; position: absolute; top: 50%; left: 50%; height:48px; width:48px; margin:-24px 0 0 -24px;background-size: 48px 48px; background: url('../../../../../../../../homepage/WW-daily-destinations-responsive/play-btn.png') no-repeat 0 0; text-indent: -99999em;opacity:1; transition:opacity .30s ease-in-out; -moz-transition:opacity .30s ease-in-out; -webkit-transition:opacity .30s ease-in-out;} #columnGrid .video .videoWrapper {width:100%;display:block;position:relative;margin:0;} #columnGrid .video:hover span.playBtn {opacity: 0.5;} /*****************************/ /* BRANDS */ /*****************************/ #dd-daily-destination #tiledContent #columnGrid .module.brands .desc {margin-top:10px;float:left;position:static;} #dd-daily-destination #tiledContent #columnGrid .module.brands .desc strong {font-size:24px;line-height:24px;font-weight:bold;} #dd-daily-destination #tiledContent #columnGrid .module.brands:hover .desc {background:none;} #dd-daily-destination #tiledContent #columnGrid .module.brands h3 {margin:0 0 7px 0;max-width:100%;float:left; border:solid 1px #fff;} #dd-daily-destination #tiledContent #columnGrid .module.brands h3:hover {border:solid 1px #000;} #dd-daily-destination #tiledContent #columnGrid .module.brands .col a {display:block;border:solid 1px #000;} #dd-daily-destination #tiledContent #columnGrid .module.brands .col a img {float:none;margin:0 auto;width:auto;} #dd-daily-destination #tiledContent #columnGrid .module.brands .col {width:auto;max-width:148px;} #dd-daily-destination #tiledContent #columnGrid .module.brands .col.mrgn {margin:0 0 0 8px;} #dd-daily-destination #tiledContent #columnGrid .module.brands a em {display:block;text-indent:-999em;height:0px;} #dd-daily-destination #tiledContent #columnGrid .module.brands span.link {position:relative;} #dd-daily-destination #tiledContent #columnGrid .module.brands:hover span.link {text-decoration:none;} #dd-daily-destination #tiledContent #columnGrid .module.brands span.link:hover {text-decoration:underline;} /*****************************/ /* INSTAGRAM */ /*****************************/ #columnGrid .module.instagram {overflow:hidden;} #columnGrid .module.instagram img {display:block;float:left;max-width:148px;margin:0 0 8px 0;} #columnGrid .module.instagram img.alt { margin:0 0 8px 8px;} #columnGrid .module.instagram .desc {float:left;} /***************************************/ /* RELATED CONTENT - content footer */ /***************************************/ #dd-daily-destination #relatedContent {margin:0 0 56px 0;} #dd-daily-destination #relatedContent a {font:20px futura-pt,tahoma,geneva,verdana,arial,sans-serif;color:#fff; text-decoration:none;text-align:center;display:block;background:#000; padding:15px 0;width:100%;} #dd-daily-destination #relatedContent a:hover p span {text-decoration:underline;} #dd-daily-destination #relatedContent a:hover p span span.arrow {text-decoration:none;} #dd-daily-destination #relatedContent a p {color:#fff;font-size:20px;} #dd-daily-destination #relatedContent a p span {display:inline-block;margin:0 0 0 12px;font: bold 16px futura-pt,tahoma,geneva,verdana,arial,sans-serif;text-transform:uppercase; background:url(../../../../../../../../homepage/WW-daily-destinations-responsive/related-content-white-arrow.png) no-repeat 100% 5px;} #dd-daily-destination #relatedContent a p span.arrow {text-indent:-999em;} /*****************************/ /* SLIDER */ /*****************************/ #tabs h2 {font:24px bold futura-pt,tahoma,geneva,verdana,arial,sans-serif;margin:0 0 10px 0;} #tabs .sliderInTab h3 {font-size:14px;} #tabs .lowerContentSlider {font:19px futura-pt,tahoma,geneva,verdana,arial,sans-serif;margin:20px 0 0 0;} #tabs .lowerContentSlider a {text-decoration:none;color:#000;} #tabs .lowerContentSlider a strong {font-weight:bold;} #tabs .lowerContentSlider a:hover {text-decoration:underline;} #tabs .lowerContentSlider .bx-pager-item {float:left;margin:0 10px 0 0;} #tabs .lowerContentSlider .bx-wrapper {position:relative;margin-left:25px;} #tabs .lowerContentSlider .bx-wrapper img {max-width: 100%;display: block;margin:0 0 10px 0;} #tabs .lowerContentSlider a {text-indent:-999em;/*opacity:1;transition:opacity .30s ease-in-out; -moz-transition:opacity .30s ease-in-out;-webkit-transition:opacity .30s ease-in-out;*/} /*#tabs .lowerContentSlider a:hover {/opacity:0.7;}*/ #tabs .lowerContentSlider .bx-prev {position:absolute;left:-17px;height:32px;width:32px;top:95px; background:url(../../../../../../../../homepage/WW-daily-destinations-responsive/slider-arrows.png) no-repeat 0 0;} #tabs .lowerContentSlider .bx-next {position:absolute;right:-17px;height:32px;width:32px;top:95px; background:url(../../../../../../../../homepage/WW-daily-destinations-responsive/slider-arrows.png) no-repeat 0 -32px;} #tabs .lowerContentSlider a.disabled {background:none;} #tabs .lowerContentSlider .bx-controls-auto {display:none;} #tabs .lowerContentSlider .bx-wrapper .bx-viewport {left:0;background:#fff;box-shadow:none;} #tabs .lowerContentSlider .bx-wrapper .bx-pager {display:none;} /*daily edit slides*/ #tab-slider-1 h3 {overflow:hidden;margin:0 0 10px 0;height:309px;} #tab-slider-1 .slideCat {font-size:17px;} #tab-slider-1 .slideCat a {background:url(../../../../../../../../homepage/WW-daily-destinations-responsive/products-categories-arrow.png) no-repeat 100% 9px;padding:0 9px 0 0;} #tab-slider-1 .slideCat {display:block;height:30px;} #tab-slider-1 .slideCat .arrow {text-indent:-999em;display:inline-block;} #tab-slider-2 li {float: left;width: 172px;margin-right: 16px;} #tab-slider-2 li img{width: 100%;} /*****************************/ /* TABS */ /*****************************/ #tabs {position:relative;padding:.2em;overflow:hidden;background:url(../../../../../../../../homepage/WW-daily-destinations-responsive/nav-divider-bg.gif) repeat-x 10px 17px; background-size:2px 2px;font:19px futura-pt,tahoma,geneva,verdana,arial,sans-serif;} #tabs .tab {overflow:hidden;clear:both;z-index: 5;position: relative;text-align:center;padding:30px 0 0 0;min-height:365px;} #tabs .nav {margin:0;width:100%;float:left;width:100%;overflow:visible;} #tabs .nav li {list-style:none;position:relative;white-space:nowrap;width:50%;float:left;overflow:visible;/*cursor:pointer;*/ font:17px futura-pt,tahoma,geneva,verdana,arial,sans-serif; } #tabs .nav li em {display:inline-block;background:#fff;position:relative;overflow:visible; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;} #tabs .nav li em span {display:block;padding:5px 10px;border:solid 2px #dddddd;background:#f5f5f5;color:#979797; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none; font-weight:bold;} #tabs .nav li.active em span {border:solid 2px #000;background:#fff;color:#000;} #tabs .nav li:first-child {text-align:right;} #tabs .nav li:first-child em {padding:0 15px 0 15px;} #tabs .nav li:last-child {text-align:left;} #tabs .nav li:last-child em {padding:0 15px 0 2px;} #tabs .nav li em span.arrow {display:block;height:14px;width:16px;position:absolute;border:none;padding:0; bottom:-8px; left:50%; background-size: 14px 16px; background:url(../../../../../../../../homepage/WW-daily-destinations-responsive/filter-tab-arrow.jpg) no-repeat 0 0;} #tabs .nav li:first-child em span.arrow {margin-left:2px;} #tabs .nav li:last-child em span.arrow {margin-left:-13px;} /*disable recently viewed*/ #tabs .nav li:last-child {display:none;} #tabs .nav li:first-child {width:100%;text-align:center;} #tabs .nav li:first-child em span.arrow {margin-left:-8px;} /*****************************/ /* RESPONSIVE */ /*****************************/ /*lower grid module resize - desktop/tablet */ @media only screen and (max-width : 767px){ #columnGrid .col {max-width:33.33%;width:auto;} #dd-daily-destination #tiledContent #columnGrid .module.brands .col {width:100%;} } @media only screen and (min-width : 768px) and (max-width : 975px){ #columnGrid .col .module {width:224px;} #columnGrid .col {width:256px;} #columnGrid .module.brands .col {width:108px;} #columnGrid .module.instagram a {width:112px;} } @media only screen and (min-width : 976px){ #columnGrid .col .module {width:304px;} #columnGrid .col {width:336px;} }