Most Romantic Destinations for Couples

[data-col=bars] .table .table__col–bars,[data-col=country] .table .table__col–country,[data-col=destination] .table .table__col–destination,[data-col=honeymoon] .table .table__col–honeymoon,[data-col=hotels] .table .table__col–hotels,[data-col=landmarks] .table .table__col–landmarks,[data-col=lgbt] .table .table__col–lgbt,[data-col=meal] .table .table__col–meal,[data-col=overall] .table .table__col–overall,[data-col=parks] .table .table__col–parks,[data-col=proposal] .table .table__col–proposal,[data-col=rank] .table .table__col–rank,[data-col=valentines] .table .table__col–valentines{display:block}[data-col=bars] .table .table__col–selected:before,[data-col=country] .table .table__col–selected:before,[data-col=destination] .table .table__col–selected:before,[data-col=honeymoon] .table .table__col–selected:before,[data-col=hotels] .table .table__col–selected:before,[data-col=landmarks] .table .table__col–selected:before,[data-col=lgbt] .table .table__col–selected:before,[data-col=meal] .table .table__col–selected:before,[data-col=overall] .table .table__col–selected:before,[data-col=parks] .table .table__col–selected:before,[data-col=proposal] .table .table__col–selected:before,[data-col=rank] .table .table__col–selected:before,[data-col=valentines] .table .table__col–selected:before{content:”SCORE”}[data-col=bars] .table .table__select-col-item–bars,[data-col=country] .table .table__select-col-item–country,[data-col=destination] .table .table__select-col-item–destination,[data-col=honeymoon] .table .table__select-col-item–honeymoon,[data-col=hotels] .table .table__select-col-item–hotels,[data-col=landmarks] .table .table__select-col-item–landmarks,[data-col=lgbt] .table .table__select-col-item–lgbt,[data-col=meal] .table .table__select-col-item–meal,[data-col=overall] .table .table__select-col-item–overall,[data-col=parks] .table .table__select-col-item–parks,[data-col=proposal] .table .table__select-col-item–proposal,[data-col=rank] .table .table__select-col-item–rank,[data-col=valentines] .table .table__select-col-item–valentines{cursor:auto}.table{position:relative;margin:0;font-size:13px}#table–all .table:after{content:””;position:absolute;height:30px;bottom:0;left:0;right:0;background-color:#09c;z-index:0}.table__body{padding-bottom:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;background-color:#fff;z-index:1;position:relative}.table__row{display:flex;color:#5a5a5a;font-weight:700}.table__row:nth-child(2n){background-color:rgba(114,118,130,.09804)}.table__row–header{text-transform:uppercase;color:#727682;font-weight:400}.table__row–header .table__col–country,.table__row–header .table__col–destination,.table__row–header .table__col–selected{cursor:pointer}.table__row–header .table__col–country:after,.table__row–header .table__col–destination:after,.table__row–header .table__col–selected:after{content:””;display:block;position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #727682;margin-top:-2px;position:relative;display:none;margin-left:2px;bottom:2px;transition:all .5s}[data-htl=false] .table__row–header .table__col–country:after,[data-htl=false] .table__row–header .table__col–destination:after,[data-htl=false] .table__row–header .table__col–selected:after{transform:rotateX(180deg)}[data-auxcol=country] .table__row–header .table__col–country:after,[data-auxcol=destination] .table__row–header .table__col–destination:after,[data-auxcol=false] .table__row–header .table__col–selected:after{display:inline-block}.table__col,[data-rowshidden=true] .table__row:nth-child(n+12){display:none}.table__col{flex-grow:1;padding:5px;text-align:center}.table__col–destination,.table__col–rank,.table__col–selected{display:block}.table__col–rank{flex-grow:0;width:60px;border-right:2px solid #09c}.table__col–destination{flex-grow:0;width:120px;border-right:2px solid #09c}.table__select-col svg .st5{fill:#0099cd}.table__select-col svg .st6{fill:#54d2ef}.not-enough-data{cursor:pointer}.toggle-rows-btn{padding:0;margin:0;width:100%;background-color:#09c;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-left:2px solid #09c;border-right:2px solid #09c;border-bottom:2px solid #09c}.toggle-rows-btn__btn{width:100%;border:none;background-color:#09c;color:#fff;border-radius:15px;min-height:30px;outline:none!important}.toggle-rows-btn__btn:focus,.toggle-rows-btn__btn:hover{border:1px solid #fff}.toggle-rows-btn__btn:after{content:””;display:block;position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;margin-top:-2px;position:relative;display:inline-block;bottom:2px;left:3px}[data-rowshidden=false] .toggle-rows-btn__btn:after{transform:rotateX(180deg)}[data-rowshidden=true] .toggle-rows-btn__btn:before{content:”All Results”}[data-rowshidden=false] .toggle-rows-btn__btn:before{content:”Less Results”}@media (min-width:901px){[data-col=rank] .table .table__col–selected:before{content:”Rank”}[data-col=destination] .table .table__col–selected:before{content:”Destination”}[data-col=country] .table .table__col–selected:before{content:”Country”}[data-col=honeymoon] .table .table__col–selected:before{content:”Honeymoon Popularity”}[data-col=proposal] .table .table__col–selected:before{content:”Proposal Popularity”}[data-col=meal] .table .table__col–selected:before{content:”Price of a Three-course Meal “}[data-col=valentines] .table .table__col–selected:before{content:”Accommodation Price for Valentine’s Day”}[data-col=hotels] .table .table__col–selected:before{content:”Quality of Romantic Hotels”}[data-col=bars] .table .table__col–selected:before{content:”Quality of Wine Bars “}[data-col=parks] .table .table__col–selected:before{content:”Quality of Green Space and Parks”}[data-col=landmarks] .table .table__col–selected:before{content:”Quantity of Romantic Landmarks”}[data-col=lgbt] .table .table__col–selected:before{content:”LGBTQ Friendliness”}[data-col=overall] .table .table__col–selected:before{content:”Overall”}}@media (min-width:701px){[data-col=bars] .table .table__select-col-item–bars,[data-col=country] .table .table__select-col-item–country,[data-col=destination] .table .table__select-col-item–destination,[data-col=honeymoon] .table .table__select-col-item–honeymoon,[data-col=hotels] .table .table__select-col-item–hotels,[data-col=landmarks] .table .table__select-col-item–landmarks,[data-col=lgbt] .table .table__select-col-item–lgbt,[data-col=meal] .table .table__select-col-item–meal,[data-col=overall] .table .table__select-col-item–overall,[data-col=parks] .table .table__select-col-item–parks,[data-col=proposal] .table .table__select-col-item–proposal,[data-col=rank] .table .table__select-col-item–rank,[data-col=valentines] .table .table__select-col-item–valentines{border:2px solid #78bb32}.table__select-col svg{width:80%}}@media (max-width:700px){.table .table__select-col-item–rank:after{content:”Rank”}.table .table__select-col-item–destination:after{content:”Destination”}.table .table__select-col-item–country:after{content:”Country”}.table .table__select-col-item–honeymoon:after{content:”Honeymoon Popularity”}.table .table__select-col-item–proposal:after{content:”Proposal Popularity”}.table .table__select-col-item–meal:after{content:”Price of a Three-course Meal “}.table .table__select-col-item–valentines:after{content:”Accommodation Price for Valentine’s Day”}.table .table__select-col-item–hotels:after{content:”Quality of Romantic Hotels”}.table .table__select-col-item–bars:after{content:”Quality of Wine Bars “}.table .table__select-col-item–parks:after{content:”Quality of Green Space and Parks”}.table .table__select-col-item–landmarks:after{content:”Quantity of Romantic Landmarks”}.table .table__select-col-item–lgbt:after{content:”LGBTQ Friendliness”}.table .table__select-col-item–overall:after{content:”Overall”}.table__body{border:2px solid #09c;padding:15px 0;border-top-left-radius:15px;border-top-right-radius:15px}.table__select-col{background-color:#fff;margin-top:40px;margin-bottom:15px;padding:50px 15px 1px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-bottom:2px solid #78bb32;border-left:2px solid #78bb32;border-right:2px solid #78bb32}[data-dropdown=false] .table__select-col{padding:0;margin-bottom:50px}.table__select-col-item{display:none;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #78bb32;font-weight:700;color:#78bb32}[data-dropdown=true] .table__select-col-item{display:flex;align-content:center;align-items:center}[data-dropdown=true] .table__select-col-item:before{transform:rotateX(180deg)}.table__select-col-item:before{content:””;display:block;position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #78bb32;margin-top:-4px;right:15px;top:50%;transition:all .5s;display:none}[data-col=overall] .table__select-col-item–lgbt{border-bottom:none}.table__select-col-item–overall{border-bottom:none;margin-bottom:0}.table__select-col svg{width:40px;margin:0 15px}[data-col=rank] .table__select-col-item–rank{position:absolute;top:0;transform:translateY(-50%);left:0;right:-3px;border:2px solid #78bb32;padding:0 40px 0 0;background-color:#fff;border-radius:30px;display:flex;align-content:center;align-items:center}[data-col=rank] .table__select-col-item–rank:before{display:block}[data-col=rank] .table__select-col-item–rank svg{border-radius:100%;border:3px solid #78bb32;width:60px;height:60px;margin:0 24px 0 0;transform:scale(1.2);background-color:#fff}[data-col=rank] .table__select-col-item–rank svg>*{transform:scale(.7);transform-origin:center}[data-col=destination] .table__select-col-item–destination{position:absolute;top:0;transform:translateY(-50%);left:0;right:-3px;border:2px solid #78bb32;padding:0 40px 0 0;background-color:#fff;border-radius:30px;display:flex;align-content:center;align-items:center}[data-col=destination] .table__select-col-item–destination:before{display:block}[data-col=destination] .table__select-col-item–destination svg{border-radius:100%;border:3px solid #78bb32;width:60px;height:60px;margin:0 24px 0 0;transform:scale(1.2);background-color:#fff}[data-col=destination] .table__select-col-item–destination svg>*{transform:scale(.7);transform-origin:center}[data-col=country] .table__select-col-item–country{position:absolute;top:0;transform:translateY(-50%);left:0;right:-3px;border:2px solid #78bb32;padding:0 40px 0 0;background-color:#fff;border-radius:30px;display:flex;align-content:center;align-items:center}[data-col=country] .table__select-col-item–country:before{display:block}[data-col=country] .table__select-col-item–country svg{border-radius:100%;border:3px solid #78bb32;width:60px;height:60px;margin:0 24px 0 0;transform:scale(1.2);background-color:#fff}[data-col=country] .table__select-col-item–country svg>*{transform:scale(.7);transform-origin:center}[data-col=honeymoon] .table__select-col-item–honeymoon{position:absolute;top:0;transform:translateY(-50%);left:0;right:-3px;border:2px solid #78bb32;padding:0 40px 0 0;background-color:#fff;border-radius:30px;display:flex;align-content:center;align-items:center}[data-col=honeymoon] .table__select-col-item–honeymoon:before{display:block}[data-col=honeymoon] .table__select-col-item–honeymoon svg{border-radius:100%;border:3px solid #78bb32;width:60px;height:60px;margin:0 24px 0 0;transform:scale(1.2);background-color:#fff}[data-col=honeymoon] .table__select-col-item–honeymoon svg>*{transform:scale(.7);transform-origin:center}[data-col=proposal] .table__select-col-item–proposal{position:absolute;top:0;transform:translateY(-50%);left:0;right:-3px;border:2px solid #78bb32;padding:0 40px 0 0;background-color:#fff;border-radius:30px;display:flex;align-content:center;align-items:center}[data-col=proposal] .table__select-col-item–proposal:before{display:block}[data-col=proposal] .table__select-col-item–proposal svg{border-radius:100%;border:3px solid #78bb32;width:60px;height:60px;margin:0 24px 0 0;transform:scale(1.2);background-color:#fff}[data-col=proposal] .table__select-col-item–proposal svg>*{transform:scale(.7);transform-origin:center}[data-col=meal] .table__select-col-item–meal{position:absolute;top:0;transform:translateY(-50%);left:0;right:-3px;border:2px solid #78bb32;padding:0 40px 0 0;background-color:#fff;border-radius:30px;display:flex;align-content:center;align-items:center}[data-col=meal] .table__select-col-item–meal:before{display:block}[data-col=meal] .table__select-col-item–meal svg{border-radius:100%;border:3px solid #78bb32;width:60px;height:60px;margin:0 24px 0 0;transform:scale(1.2);background-color:#fff}[data-col=meal] .table__select-col-item–meal svg>*{transform:scale(.7);transform-origin:center}[data-col=valentines] .table__select-col-item–valentines{position:absolute;top:0;transform:translateY(-50%);left:0;right:-3px;border:2px solid #78bb32;padding:0 40px 0 0;background-color:#fff;border-radius:30px;display:flex;align-content:center;align-items:center}[data-col=valentines] .table__select-col-item–valentines:before{display:block}[data-col=valentines] .table__select-col-item–valentines svg{border-radius:100%;border:3px solid #78bb32;width:60px;height:60px;margin:0 24px 0 0;transform:scale(1.2);background-color:#fff}[data-col=valentines] .table__select-col-item–valentines svg>*{transform:scale(.7);transform-origin:center}[data-col=hotels] .table__select-col-item–hotels{position:absolute;top:0;transform:translateY(-50%);left:0;right:-3px;border:2px solid #78bb32;padding:0 40px 0 0;background-color:#fff;border-radius:30px;display:flex;align-content:center;align-items:center}[data-col=hotels] .table__select-col-item–hotels:before{display:block}[data-col=hotels] .table__select-col-item–hotels svg{border-radius:100%;border:3px solid #78bb32;width:60px;height:60px;margin:0 24px 0 0;transform:scale(1.2);background-color:#fff}[data-col=hotels] .table__select-col-item–hotels svg>*{transform:scale(.7);transform-origin:center}[data-col=bars] .table__select-col-item–bars{position:absolute;top:0;transform:translateY(-50%);left:0;right:-3px;border:2px solid #78bb32;padding:0 40px 0 0;background-color:#fff;border-radius:30px;display:flex;align-content:center;align-items:center}[data-col=bars] .table__select-col-item–bars:before{display:block}[data-col=bars] .table__select-col-item–bars svg{border-radius:100%;border:3px solid #78bb32;width:60px;height:60px;margin:0 24px 0 0;transform:scale(1.2);background-color:#fff}[data-col=bars] .table__select-col-item–bars svg>*{transform:scale(.7);transform-origin:center}[data-col=parks] .table__select-col-item–parks{position:absolute;top:0;transform:translateY(-50%);left:0;right:-3px;border:2px solid #78bb32;padding:0 40px 0 0;background-color:#fff;border-radius:30px;display:flex;align-content:center;align-items:center}[data-col=parks] .table__select-col-item–parks:before{display:block}[data-col=parks] .table__select-col-item–parks svg{border-radius:100%;border:3px solid #78bb32;width:60px;height:60px;margin:0 24px 0 0;transform:scale(1.2);background-color:#fff}[data-col=parks] .table__select-col-item–parks svg>*{transform:scale(.7);transform-origin:center}[data-col=landmarks] .table__select-col-item–landmarks{position:absolute;top:0;transform:translateY(-50%);left:0;right:-3px;border:2px solid #78bb32;padding:0 40px 0 0;background-color:#fff;border-radius:30px;display:flex;align-content:center;align-items:center}[data-col=landmarks] .table__select-col-item–landmarks:before{display:block}[data-col=landmarks] .table__select-col-item–landmarks svg{border-radius:100%;border:3px solid #78bb32;width:60px;height:60px;margin:0 24px 0 0;transform:scale(1.2);background-color:#fff}[data-col=landmarks] .table__select-col-item–landmarks svg>*{transform:scale(.7);transform-origin:center}[data-col=lgbt] .table__select-col-item–lgbt{position:absolute;top:0;transform:translateY(-50%);left:0;right:-3px;border:2px solid #78bb32;padding:0 40px 0 0;background-color:#fff;border-radius:30px;display:flex;align-content:center;align-items:center}[data-col=lgbt] .table__select-col-item–lgbt:before{display:block}[data-col=lgbt] .table__select-col-item–lgbt svg{border-radius:100%;border:3px solid #78bb32;width:60px;height:60px;margin:0 24px 0 0;transform:scale(1.2);background-color:#fff}[data-col=lgbt] .table__select-col-item–lgbt svg>*{transform:scale(.7);transform-origin:center}[data-col=overall] .table__select-col-item–overall{position:absolute;top:0;transform:translateY(-50%);left:0;right:-3px;border:2px solid #78bb32;padding:0 40px 0 0;background-color:#fff;border-radius:30px;display:flex;align-content:center;align-items:center}[data-col=overall] .table__select-col-item–overall:before{display:block}[data-col=overall] .table__select-col-item–overall svg{border-radius:100%;border:3px solid #78bb32;width:60px;height:60px;margin:0 24px 0 0;transform:scale(1.2);background-color:#fff}[data-col=overall] .table__select-col-item–overall svg>*{transform:scale(.7);transform-origin:center}}@media (min-width:401px){.table{font-size:16px}.table__row–header .table__col:after{bottom:3px;margin-left:5px}.table__col–destination{width:140px}.toggle-rows-btn{font-size:16px}}@media (min-width:401px) and (min-width:701px){.table{border:2px solid #09c;padding:15px 0 0;border-top-left-radius:15px;border-top-right-radius:15px;overflow:hidden;background-color:#fff}#table–us .table{border-bottom-left-radius:15px;border-bottom-right-radius:15px}.table__col–country,.table__col–destination{display:block;flex-grow:0;width:180px;border-right:2px solid #09c}#table–us .table__col–country{display:none}.table__col–rank{width:70px;padding-right:15px}.table__row{padding:0 15px}.table__select-col{display:flex;justify-content:space-around;padding:0 15px 15px;margin-bottom:15px;position:relative}.table__select-col:after{content:””;position:absolute;bottom:0;left:15px;right:15px;border-bottom:2px solid #09c}.table__select-col-item{width:50px;height:50px;cursor:pointer;display:flex;justify-content:center;justify-items:center;align-content:center;align-items:center;padding:5px;border-radius:100%}.table__select-col-item:hover{border:2px solid #78bb32}.table__select-col-item–overall svg{position:relative;bottom:1px}}@media (min-width:401px) and (min-width:701px) and (min-width:901px){.table .table__col–selected{color:#78bb32}.table .table__col–selected:after{content:””;display:block;position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #78bb32;margin-top:-2px;position:relative;display:none}.table .table__col:after{top:0}.table__row–header .table__col{min-height:54px;display:flex;justify-content:center;justify-items:center;align-content:center;align-items:center}#table–all[data-col=hotels] .table__row–header .table__col–selected:before,#table–all[data-col=landmarks] .table__row–header .table__col–selected:before,#table–all[data-col=meal] .table__row–header .table__col–selected:before,#table–all[data-col=parks] .table__row–header .table__col–selected:before,#table–all[data-col=valentines] .table__row–header .table__col–selected:before{width:200px!important;display:inline-block}.table__select-col-item{width:60px;height:60px}}.srt{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.table-title{padding-bottom:15px}.intro-img{width:100%;margin:1.25em 0 2.5em}.scroll-nav{border-top:1px solid #adbabf;border-bottom:1px solid #adbabf;display:grid;margin:3.8em 0 1.3em;padding:15px 0}.scroll-nav__item{display:block;font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;color:#2d9ae3;cursor:pointer;padding:10px}.scroll-nav a{color:#2d9ae3;text-decoration:none!important}.scroll-nav a:hover{color:#1a7fc3}#all,#key-findings,#methodology,#sources,#us{padding:1px 0}#sources .sources-title{text-decoration:underline;padding-top:2.5em}

const tooltips = {
selectCol: tippy( ‘.table__select-col-item’ ),
noData: tippy( ‘.not-enough-data’, {
placement: ‘left’,
}),
};
toggleTooltips();
window.addEventListener( ‘resize’, toggleTooltips );

function toggleTooltips() {
for ( let t = 0; t 700 ? tooltips.selectCol[t].enable() : tooltips.selectCol[t].disable();
}
}

const data = {
all: {
destination: [‘Amsterdam’, ‘Athens’, ‘Auckland’, ‘Barcelona’, ‘Bath’, ‘Bejing’, ‘Berlin’, ‘Bruges’, ‘Brussels’, ‘Budapest’, ‘Buenos Aires’, ‘Cairo’, ‘Cape Town’, ‘Cartagena’, ‘Casablanca’, ‘Charleston’, ‘Copenhagen’, ‘Dubai’, ‘Dublin’, ‘Dubrovnik’, ‘Edinburgh’, ‘Florence’, ‘Frankfurt’, ‘Helsinki’, ‘Hong Kong’, ‘Honolulu’, ‘Jaipur’, ‘Kraków’, ‘Kyoto’, ‘Lima’, ‘Lisbon’, ‘London’, ‘Los Angeles’, ‘Madrid’, ‘Marrakesh’, ‘Melbourne’, ‘Miami’, ‘Milan’, ‘Montreal’, ‘Moscow’, ‘New York City’, ‘Paris’, ‘Phuket’, ‘Prague’, ‘Punta Cana’, ‘Quebec City’, ‘Reykjavík’, ‘Rhodes’, ‘Rio de Janeiro’, ‘Rome’, ‘San Diego’, ‘San Francisco’, ‘San Sebastián’, ‘Santorini’, ‘Seoul’, ‘Singapore’, ‘Stockholm’, ‘Sydney’, ‘Tokyo’, ‘Toronto’, ‘Ubud’, ‘Vancouver’, ‘Venice’, ‘Victoria’, ‘Vienna’, ‘Wellington’, ‘Zürich’],
country: [‘Buenos Aires’, ‘Melbourne’, ‘Sydney’, ‘Vienna’, ‘Ubud’, ‘Bruges’, ‘Brussels’, ‘Rio de Janeiro’, ‘Montreal’, ‘Quebec City’, ‘Toronto’, ‘Vancouver’, ‘Bejing’, ‘Cartagena’, ‘Dubrovnik’, ‘Prague’, ‘Copenhagen’, ‘Punta Cana’, ‘Cairo’, ‘Helsinki’, ‘Paris’, ‘Berlin’, ‘Frankfurt’, ‘Athens’, ‘Rhodes’, ‘Santorini’, ‘Hong Kong’, ‘Budapest’, ‘Reykjavík’, ‘Jaipur’, ‘Dublin’, ‘Florence’, ‘Milan’, ‘Rome’, ‘Venice’, ‘Kyoto’, ‘Tokyo’, ‘Casablanca’, ‘Marrakesh’, ‘Amsterdam’, ‘Auckland’, ‘Wellington’, ‘Lima’, ‘Kraków’, ‘Lisbon’, ‘Moscow’, ‘Edinburgh’, ‘Victoria’, ‘Singapore’, ‘Cape Town’, ‘Seoul’, ‘Barcelona’, ‘Madrid’, ‘San Sebastián’, ‘Stockholm’, ‘Zürich’, ‘Phuket’, ‘Dubai’, ‘Bath’, ‘London’, ‘Charleston’, ‘Honolulu’, ‘Los Angeles’, ‘Miami’, ‘New York City’, ‘San Diego’, ‘San Francisco’],
honeymoon: [‘Santorini’, ‘Ubud’, ‘Paris’, ‘Victoria’, ‘Phuket’, ‘Rome’, ‘Venice’, ‘Dubai’, ‘Punta Cana’, ‘London’, ‘Miami’, ‘Singapore’, ‘Tokyo’, ‘Los Angeles’, ‘Barcelona’, ‘Sydney’, ‘Milan’, ‘San Francisco’, ‘Athens’, ‘Kyoto’, ‘Prague’, ‘Honolulu’, ‘Amsterdam’, ‘Melbourne’, ‘Madrid’, ‘Florence’, ‘Hong Kong’, ‘New York City’, ‘Seoul’, ‘Dubrovnik’, ‘Vienna’, ‘Toronto’, ‘Vancouver’, ‘Cartagena’, ‘Lima’, ‘Rio de Janeiro’, ‘Cape Town’, ‘Budapest’, ‘Cairo’, ‘Lisbon’, ‘Berlin’, ‘San Diego’, ‘Rhodes’, ‘Buenos Aires’, ‘Edinburgh’, ‘Dublin’, ‘Moscow’, ‘San Sebastián’, ‘Jaipur’, ‘Frankfurt’, ‘Auckland’, ‘Casablanca’, ‘Montreal’, ‘Helsinki’, ‘Bath’, ‘Charleston’, ‘Reykjavík’, ‘Kraków’, ‘Wellington’, ‘Stockholm’, ‘Copenhagen’, ‘Quebec City’, ‘Bruges’, ‘Marrakesh’, ‘Bejing’, ‘Zürich’, ‘Brussels’],
proposal: [‘Paris’, ‘London’, ‘Miami’, ‘Los Angeles’, ‘Sydney’, ‘Toronto’, ‘San Francisco’, ‘Lima’, ‘San Diego’, ‘Vancouver’, ‘New York City’, ‘Ubud’, ‘Dubai’, ‘Singapore’, ‘Melbourne’, ‘Kyoto’, ‘Amsterdam’, ‘Rome’, ‘Tokyo’, ‘Santorini’, ‘Moscow’, ‘Hong Kong’, ‘Charleston’, ‘Budapest’, ‘Victoria’, ‘Phuket’, ‘Milan’, ‘Madrid’, ‘Jaipur’, ‘Montreal’, ‘Berlin’, ‘Barcelona’, ‘Prague’, ‘Kraków’, ‘Quebec City’, ‘Seoul’, ‘Punta Cana’, ‘Vienna’, ‘Edinburgh’, ‘Frankfurt’, ‘Bath’, ‘Rio de Janeiro’, ‘Venice’, ‘Florence’, ‘Cape Town’, ‘Dublin’, ‘Stockholm’, ‘Athens’, ‘Auckland’, ‘Cartagena’, ‘Cairo’, ‘Reykjavík’, ‘Copenhagen’, ‘Honolulu’, ‘Dubrovnik’, ‘Lisbon’, ‘Buenos Aires’, ‘Bruges’, ‘Zürich’, ‘Brussels’, ‘Rhodes’, ‘San Sebastián’, ‘Casablanca’, ‘Helsinki’, ‘Wellington’, ‘Marrakesh’, ‘Bejing’],
meal: [‘Jaipur’, ‘Cairo’, ‘Phuket’, ‘Casablanca’, ‘Buenos Aires’, ‘Lima’, ‘Rio de Janeiro’, ‘Kraków’, ‘Bejing’, ‘Prague’, ‘Budapest’, ‘Cape Town’, ‘Seoul’, ‘Lisbon’, ‘Moscow’, ‘Singapore’, ‘Athens’, ‘Barcelona’, ‘Madrid’, ‘Berlin’, ‘Tokyo’, ‘Montreal’, ‘Vienna’, ‘Hong Kong’, ‘Wellington’, ‘Dubai’, ‘Melbourne’, ‘Frankfurt’, ‘Auckland’, ‘Paris’, ‘Sydney’, ‘San Diego’, ‘Vancouver’, ‘Toronto’, ‘Rome’, ‘Los Angeles’, ‘Miami’, ‘Brussels’, ‘Florence’, ‘Milan’, ‘Amsterdam’, ‘Dublin’, ‘Honolulu’, ‘Edinburgh’, ‘London’, ‘Helsinki’, ‘Stockholm’, ‘New York City’, ‘San Francisco’, ‘Copenhagen’, ‘Zürich’, ‘Reykjavík’, ‘Ubud’, ‘Dubrovnik’, ‘San Sebastián’, ‘Cartagena’, ‘Rhodes’, ‘Quebec City’, ‘Marrakesh’, ‘Bruges’, ‘Venice’, ‘Bath’, ‘Punta Cana’, ‘Kyoto’, ‘Charleston’, ‘Santorini’, ‘Victoria’],
valentines: [‘Jaipur’, ‘Lima’, ‘Buenos Aires’, ‘Cairo’, ‘Singapore’, ‘Hong Kong’, ‘Kraków’, ‘Bejing’, ‘Casablanca’, ‘Athens’, ‘Ubud’, ‘Budapest’, ‘Seoul’, ‘Dubrovnik’, ‘Cape Town’, ‘Prague’, ‘Lisbon’, ‘Wellington’, ‘Frankfurt’, ‘Cartagena’, ‘San Sebastián’, ‘Rome’, ‘Moscow’, ‘Quebec City’, ‘Rhodes’, ‘Brussels’, ‘Marrakesh’, ‘Florence’, ‘Auckland’, ‘Berlin’, ‘Dublin’, ‘Helsinki’, ‘Barcelona’, ‘Montreal’, ‘Bruges’, ‘Vancouver’, ‘Venice’, ‘Toronto’, ‘Vienna’, ‘Stockholm’, ‘Edinburgh’, ‘Bath’, ‘Rio de Janeiro’, ‘Melbourne’, ‘Milan’, ‘Phuket’, ‘Sydney’, ‘London’, ‘Zürich’, ‘Copenhagen’, ‘Paris’, ‘Kyoto’, ‘Punta Cana’, ‘Reykjavík’, ‘Amsterdam’, ‘New York City’, ‘San Diego’, ‘Charleston’, ‘Tokyo’, ‘Dubai’, ‘San Francisco’, ‘Los Angeles’, ‘Santorini’, ‘Madrid’, ‘Miami’, ‘Honolulu’, ‘Victoria’],
hotels: [‘Rhodes’, ‘Bruges’, ‘Santorini’, ‘Bath’, ‘Dubrovnik’, ‘Florence’, ‘Marrakesh’, ‘Cape Town’, ‘Kyoto’, ‘Montreal’, ‘Edinburgh’, ‘Ubud’, ‘Reykjavík’, ‘Kraków’, ‘Paris’, ‘San Sebastián’, ‘Sydney’, ‘Charleston’, ‘Lima’, ‘Athens’, ‘Madrid’, ‘Victoria’, ‘Rome’, ‘Wellington’, ‘London’, ‘Barcelona’, ‘Vienna’, ‘Zürich’, ‘Dubai’, ‘Venice’, ‘Lisbon’, ‘Prague’, ‘Berlin’, ‘Melbourne’, ‘Dublin’, ‘Helsinki’, ‘Milan’, ‘Brussels’, ‘Stockholm’, ‘Bejing’, ‘Amsterdam’, ‘Frankfurt’, ‘Budapest’, ‘Cartagena’, ‘Miami’, ‘Quebec City’, ‘Jaipur’, ‘Casablanca’, ‘San Diego’, ‘Seoul’, ‘Singapore’, ‘New York City’, ‘Copenhagen’, ‘Los Angeles’, ‘Auckland’, ‘San Francisco’, ‘Moscow’, ‘Tokyo’, ‘Phuket’, ‘Buenos Aires’, ‘Honolulu’, ‘Hong Kong’, ‘Rio de Janeiro’, ‘Vancouver’, ‘Toronto’, ‘Punta Cana’, ‘Cairo’],
bars: [‘Charleston’, ‘Los Angeles’, ‘Edinburgh’, ‘New York City’, ‘Paris’, ‘Athens’, ‘San Francisco’, ‘Kraków’, ‘Barcelona’, ‘Melbourne’, ‘Prague’, ‘Dublin’, ‘Vienna’, ‘Budapest’, ‘Rhodes’, ‘Copenhagen’, ‘Lima’, ‘Buenos Aires’, ‘Frankfurt’, ‘Santorini’, ‘London’, ‘Madrid’, ‘Montreal’, ‘Cartagena’, ‘Florence’, ‘San Diego’, ‘Phuket’, ‘Dubrovnik’, ‘Sydney’, ‘Venice’, ‘Brussels’, ‘Rome’, ‘Toronto’, ‘Quebec City’, ‘Wellington’, ‘Rio de Janeiro’, ‘Kyoto’, ‘Lisbon’, ‘Dubai’, ‘Vancouver’, ‘Miami’, ‘Punta Cana’, ‘Seoul’, ‘Stockholm’, ‘Reykjavík’, ‘San Sebastián’, ‘Helsinki’, ‘Milan’, ‘Bath’, ‘Berlin’, ‘Casablanca’, ‘Moscow’, ‘Auckland’, ‘Amsterdam’, ‘Ubud’, ‘Hong Kong’, ‘Bruges’, ‘Marrakesh’, ‘Singapore’, ‘Honolulu’, ‘Victoria’, ‘Cairo’, ‘Zürich’, ‘Bejing’, ‘Jaipur’, ‘Tokyo’, ‘Cape Town’],
parks: [‘Bruges’, ‘Stockholm’, ‘Vancouver’, ‘Wellington’, ‘Vienna’, ‘Melbourne’, ‘Charleston’, ‘Copenhagen’, ‘Helsinki’, ‘San Sebastián’, ‘Edinburgh’, ‘Montreal’, ‘Berlin’, ‘Sydney’, ‘London’, ‘Auckland’, ‘Frankfurt’, ‘Singapore’, ‘San Diego’, ‘Prague’, ‘Amsterdam’, ‘Zürich’, ‘Dublin’, ‘Bath’, ‘Toronto’, ‘Reykjavík’, ‘Cape Town’, ‘Quebec City’, ‘San Francisco’, ‘Moscow’, ‘Madrid’, ‘Honolulu’, ‘Brussels’, ‘New York City’, ‘Kyoto’, ‘Lisbon’, ‘Buenos Aires’, ‘Florence’, ‘Miami’, ‘Victoria’, ‘Seoul’, ‘Tokyo’, ‘Rome’, ‘Jaipur’, ‘Dubrovnik’, ‘Paris’, ‘Dubai’, ‘Kraków’, ‘Budapest’, ‘Hong Kong’, ‘Rio de Janeiro’, ‘Los Angeles’, ‘Rhodes’, ‘Barcelona’, ‘Milan’, ‘Lima’, ‘Marrakesh’, ‘Phuket’, ‘Venice’, ‘Bejing’, ‘Athens’, ‘Casablanca’, ‘Cairo’, ‘Cartagena’, ‘Punta Cana’, ‘Ubud’, ‘Santorini’],
landmarks: [‘Paris’, ‘Ubud’, ‘Dubrovnik’, ‘Lisbon’, ‘Barcelona’, ‘Florence’, ‘San Francisco’, ‘Bath’, ‘Copenhagen’, ‘Santorini’, ‘Dublin’, ‘Milan’, ‘San Sebastián’, ‘Amsterdam’, ‘Buenos Aires’, ‘Vancouver’, ‘Edinburgh’, ‘Zürich’, ‘Brussels’, ‘Vienna’, ‘Bruges’, ‘Venice’, ‘Rome’, ‘New York City’, ‘Honolulu’, ‘Prague’, ‘Budapest’, ‘Stockholm’, ‘Kyoto’, ‘Helsinki’, ‘Madrid’, ‘London’, ‘Miami’, ‘Montreal’, ‘Wellington’, ‘Kraków’, ‘Charleston’, ‘Singapore’, ‘Berlin’, ‘Frankfurt’, ‘Marrakesh’, ‘Reykjavík’, ‘Quebec City’, ‘Cape Town’, ‘Seoul’, ‘Toronto’, ‘Hong Kong’, ‘Jaipur’, ‘San Diego’, ‘Tokyo’, ‘Rio de Janeiro’, ‘Los Angeles’, ‘Cartagena’, ‘Phuket’, ‘Auckland’, ‘Rhodes’, ‘Casablanca’, ‘Moscow’, ‘Athens’, ‘Lima’, ‘Dubai’, ‘Cairo’, ‘Melbourne’, ‘Sydney’, ‘Bejing’, ‘Punta Cana’, ‘Victoria’],
lgbt: [‘Lisbon’, ‘Vancouver’, ‘Stockholm’, ‘Montreal’, ‘Quebec City’, ‘Toronto’, ‘Barcelona’, ‘Bath’, ‘Copenhagen’, ‘San Sebastián’, ‘Amsterdam’, ‘Edinburgh’, ‘Brussels’, ‘Vienna’, ‘Bruges’, ‘Helsinki’, ‘Madrid’, ‘London’, ‘Wellington’, ‘Reykjavík’, ‘Seoul’, ‘Jaipur’, ‘Auckland’, ‘Paris’, ‘Dublin’, ‘Zürich’, ‘Berlin’, ‘Frankfurt’, ‘Cartagena’, ‘Buenos Aires’, ‘Cape Town’, ‘Melbourne’, ‘Sydney’, ‘Prague’, ‘Florence’, ‘Milan’, ‘Venice’, ‘Rome’, ‘Dubrovnik’, ‘San Francisco’, ‘New York City’, ‘Honolulu’, ‘Miami’, ‘Charleston’, ‘San Diego’, ‘Los Angeles’, ‘Phuket’, ‘Victoria’, ‘Santorini’, ‘Budapest’, ‘Rhodes’, ‘Athens’, ‘Kyoto’, ‘Hong Kong’, ‘Tokyo’, ‘Rio de Janeiro’, ‘Bejing’, ‘Kraków’, ‘Singapore’, ‘Lima’, ‘Punta Cana’, ‘Ubud’, ‘Marrakesh’, ‘Casablanca’, ‘Moscow’, ‘Cairo’, ‘Dubai’],
overall: [‘Paris’, ‘London’, ‘Santorini’, ‘Barcelona’, ‘Ubud’, ‘Prague’, ‘Montreal’, ‘Lisbon’, ‘Edinburgh’, ‘Vienna’, ‘Sydney’, ‘Dubrovnik’, ‘Melbourne’, ‘Lima’, ‘Buenos Aires’, ‘Bath’, ‘Florence’, ‘Wellington’, ‘Dublin’, ‘Bruges’, ‘Charleston’, ‘Kraków’, ‘Frankfurt’, ‘Rome’, ‘Vancouver’, ‘San Francisco’, ‘San Sebastián’, ‘Madrid’, ‘Toronto’, ‘Budapest’, ‘Jaipur’, ‘Berlin’, ‘Seoul’, ‘Copenhagen’, ‘Los Angeles’, ‘Brussels’, ‘Phuket’, ‘Quebec City’, ‘Amsterdam’, ‘Stockholm’, ‘Cape Town’, ‘Rhodes’, ‘Singapore’, ‘Helsinki’, ‘Athens’, ‘New York City’, ‘San Diego’, ‘Auckland’, ‘Kyoto’, ‘Miami’, ‘Venice’, ‘Milan’, ‘Rio de Janeiro’, ‘Reykjavík’, ‘Hong Kong’, ‘Cartagena’, ‘Zürich’, ‘Bejing’, ‘Moscow’, ‘Dubai’, ‘Tokyo’, ‘Victoria’, ‘Casablanca’, ‘Marrakesh’, ‘Honolulu’, ‘Cairo’, ‘Punta Cana’],
},
us: {
destination: [‘Charleston’, ‘Honolulu’, ‘Los Angeles’, ‘Miami’, ‘New York City’, ‘San Diego’, ‘San Francisco’],
country: [‘Charleston’, ‘Honolulu’, ‘Los Angeles’, ‘Miami’, ‘New York City’, ‘San Diego’, ‘San Francisco’],
honeymoon: [‘Miami’, ‘Los Angeles’, ‘San Francisco’, ‘Honolulu’, ‘New York City’, ‘San Diego’, ‘Charleston’],
proposal: [‘Miami’, ‘Los Angeles’, ‘San Francisco’, ‘San Diego’, ‘New York City’, ‘Charleston’, ‘Honolulu’],
meal: [‘San Diego’, ‘Los Angeles’, ‘Miami’, ‘Honolulu’, ‘San Francisco’, ‘New York City’, ‘Charleston’],
valentines: [‘New York City’, ‘San Diego’, ‘Charleston’, ‘San Francisco’, ‘Los Angeles’, ‘Miami’, ‘Honolulu’],
hotels: [‘Charleston’, ‘Miami’, ‘San Diego’, ‘New York City’, ‘Los Angeles’, ‘San Francisco’, ‘Honolulu’],
bars: [‘Charleston’, ‘Los Angeles’, ‘New York City’, ‘San Francisco’, ‘San Diego’, ‘Miami’, ‘Honolulu’],
parks: [‘Charleston’, ‘San Diego’, ‘San Francisco’, ‘Honolulu’, ‘New York City’, ‘Miami’, ‘Los Angeles’],
landmarks: [‘San Francisco’, ‘New York City’, ‘Honolulu’, ‘Miami’, ‘Charleston’, ‘San Diego’, ‘Los Angeles’],
lgbt: [‘San Francisco’, ‘New York City’, ‘Honolulu’, ‘Miami’, ‘Charleston’, ‘San Diego’, ‘Los Angeles’],
overall: [‘Charleston’, ‘San Francisco’, ‘Los Angeles’, ‘New York City’, ‘San Diego’, ‘Miami’, ‘Honolulu’],
},
};

const current = {
all: {
col: ‘overall’,
auxCol: false,
htl: true,
rowshidden: true,
dropdown: false,
},
us: {
col: ‘overall’,
auxCol: false,
htl: true,
rowshidden: true,
dropdown: false,
},
};

function reorder( table, auxCol = false, htl ) {
// set col and get elements
const col = auxCol || current[table].col;
const tableContainer = document.querySelector( `#table–${table}` );
const tableBody = tableContainer.querySelector( ‘.table__body’ );

// set htl (high to low)
if ( auxCol ) {
current[table].htl = ( auxCol === current[table].auxCol ) ? !current[table].htl : true;
} else {
current[table].htl = htl || !current[table].htl;
}
tableContainer.setAttribute( ‘data-htl’, current[table].htl );

// set aux col
current[table].auxCol = auxCol;
tableContainer.setAttribute( ‘data-auxcol’, auxCol );

// get data and order based on htl, then loop and apply to table
const orderedArray = current[table].htl ? data[table][col] : data[table][col].slice()
.reverse();
for ( let i = 0; i < orderedArray.length; i++ ) {
const target = tableBody.querySelector( `[data-target="${orderedArray[i]}"]` );
!auxCol ? target.querySelector( '.table__col–rank' ).innerHTML = i + 1 : false;
tableBody.appendChild( target );
}
}

function changeCol( table, col ) {
// set col
const tableElement = document.querySelector( `#table–${table}` );
tableElement.setAttribute( 'data-col', col );

// toggle dropdown open/closed
current[table].dropdown = !current[table].dropdown;
tableElement.setAttribute( 'data-dropdown', current[table].dropdown );

// scroll table/dropdown intoview on mobile
window.innerWidth <= 700 ? document.querySelector( `#${table}` )
.scrollIntoView() : false;

// if change col reorder the table
if ( current[table].col !== col ) {
current[table].col = col;
reorder( table, false, true );
}
}

function toggleRows( table ) {
const tableElement = document.querySelector( `#table–${table}` );
current[table].rowshidden = !current[table].rowshidden;
tableElement.setAttribute( 'data-rowshidden', current[table].rowshidden );
tableElement.scrollIntoView();
}