html {
overflow-y:scroll;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
}
html,body {
min-height:100%;
}
.button {
background:none;
}
.trip_editor {
/*display:none;*/
}
.trip_editor.highlight {
background-color:rgb(255,255,150);
}
.trips tr {
display:none;
}
.trips tr.divider.show,
.trips tr.year.show,
.trips tr.trip {
display:table-row;
}
/*.trips tr.editing,
.trips tr.trip_editing,
.trips tr.trip_editor_add_below {
background-color:var(--global-background-color);
border-bottom:1px solid var(--input-border-color);
}*/
.trips tr.trip_editor:hover {
/*background:#fff;*/
cursor:default;
}
.trip_editor td {
text-align:center;
}
.trip_editor .button {
display:inline-block;
}
.trip_editor input {
background-color:var(--input-background-color);
}
.trip_editor input,
.trip_editor .button {
margin:7px;
}
.trip_editor td {
padding:1em;
}
.rank-count {
padding: 1em;
border: 1px solid #c6c2be;
border-radius: 100%;
padding-left:0;
color:#c6c2be;
padding-right:0;
width:1em;
padding-top: 0.6em;
padding-bottom: 0.6em;
line-height: 1;
text-align: center;
display:block;
width:2.4em;
}
.rank td {
padding-top: 1em;
padding-bottom: 1em;
}
.trips tr.rank {
height:auto;
}
.trips .rank .avatar {
display:block;
}
@media (min-width:900px) {
tr.rank {
width:33.33%;
float:left;
}
}
@media (max-width:900px) {
tr.rank {
width:50%;
float:left;
}
}
@media (max-width:600px) {
tr.rank {
width:100%;
float:none;
}
}
.action-export {
vertical-align: middle;
display: inline-block;
margin: 0.5em;
}
.trip_editor .trip_xity {
max-width: 15em;
width: 100%;
}
.trip_editor .trip_note {
max-width: 42em;
width: 100%;
}
.backdrop {
cursor:pointer;
}
.pac-container {
z-index:1002;
}
.modal.trip input {
background-color:#fff;
color:rgb(35, 35, 35);
border:none;
font-weight:600;
padding:0.5em;
height:2.5em;
margin-left:0.25em;
margin-right:0.25em;
}
.modal-trip .button {
display:inline-block !important;
}
.grid .item .attributes .rank,
.header .action-open-search {
display:none;
}
.view .item .cost.switchable.short_term_cost {
display:block;
}
.user-buttons {
position:absolute;
top:0;
right:0;
margin:0.5em;
z-index:41;
}
.user-buttons .button {
display:inline-block;
margin-bottom:0.5em;
margin-left:0.25em;
}
.log-in-nomads {
}
.button.reverse.red.join-nomads:hover {
}
body.signed-in .user-buttons .action-log-in,
body.signed-in .user-buttons .action-log-up {
display:none;
}
.action-log-in {
cursor:pointer;
}
body {
padding-left:0;
padding-right:0;
}
body.embed {
background:none;
}
body.embed .slider_container .currentMax,
body.embed .slider_container .currentMin {
background:none;
}
body.home table.trips .trip td.country {
display:none;
}
.top {
overflow:hidden;
position:absolute;
width:100%;
height:60vh;
max-height:30em;
display:block;
z-index:-1;
top:0;
}
body.city .top,
body.country .top {
z-index:1;
margin-top:-4em;
position:relative;
}
.top h1 {
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
left:50%;
top:50%;
font-size:3em;
z-index:100;
line-height:1;
margin:0;
text-shadow: 1px 1px 0 rgb(0, 0, 0);
position:absolute;
color:#fff;
}
.top h1 a {
color:#fff;
}
.banner {
width:110%;
height:125%;
margin-left:-2.5%;
margin-top:-2.5%;
display:block;
position:absolute;
background-position:center center;
background-size:cover;
background-color:#f3f3f4;
z-index:-2;
}
.top:hover .banner {
}
body.home.all .banner {
}
@media (min-width:600px) {
body.home.all .banner {
width: 110%;
margin-left: -5%;
margin-top: -5%;
height: 125%;
}
}
body.home.all .banner {
background-image:url('/assets/bg-plane-small.jpg');
}
@media (max-width:600px) {
.banner {
background-position:center top;
}
}
.big-avatar {
cursor:pointer;
z-index:1;
margin:0em auto;
width:200px;
height:200px;
display:block;
z-index:5;
position:relative;
vertical-align:middle;
overflow:visible;
}
.big-avatar img {
width:100%;
border-radius:100%;
border: none;
/*box-shadow: var(--box-shadow-central);*/
height:100%;
object-fit:cover;
background-color:var(--global-background-color);
background-size:cover;
background-position:center center;
}
.big-avatar:hover {
opacity: 0.75;
}
.big-avatar:active {
opacity: 0.5;
}
.big-avatar .vignette {
opacity:0.5;
}
/*@media (min-width:600px) {
.big-avatar {
margin:0;
display:inline-block;
}
}*/
/*@media (max-width:1100px) {
.big-avatar {
left:1em;
}
}*/
/*@media (max-width:600px) {*/
.big-avatar {
left:0;
}
/*}*/
td.image {
width:3em;
}
td.image .img,
td.image img {
width:6em;
height:3.5em;
/*border-radius:0.2em;*/
border-radius:6px;
background-size:cover;
object-fit: cover;
background-position:center center;
background-color:var(--input-background-color);
color:#fff;
position:relative;
box-shadow: var(--box-shadow-central);
}
td.image img {
opacity:1;
}
td.image .img[src],
td.image img[src] {
opacity:1;
}
td.image span.first-letter-of-city {
position:absolute;
left:50%;
color:#a3a3a3 !important;
top:50%;
transform:translateX(-50%) translateY(-50%);
}
.username-box {
text-align:center;
position:relative;
z-index:10;
font-weight:600;
display:inline-block;
margin:0;
margin-bottom:0.25em;
display:block;
width:100%;
color:;
}
h1.username {
font-size:1.5em;
margin:0;
margin-bottom:0.5em;
}
/*@media (min-width:600px) {
.username-box {
position: absolute;
top: 12.5em;
width:12.5em;
left: 0;
text-align:center;
}
}*/
body.dark-top h1.username,
body.dark-top h1.username a {
color:#fff;
}
@media (max-width:600px) {
h1.username {
margin:0;
}
body.city .top,
body.country .top,
body.home .top {
height:4em;
}
body.logged-in.home .top,
body.logged-in.home .header,
body.logged-in.home .brand,
body.logged-in.home .nav-item,
body.logged-in.country .header,
body.logged-in.country .brand,
body.logged-in.country .nav-item,
body.logged-in.city .header,
body.logged-in.city .brand,
body.logged-in.city .nav-item, {
display:none;
}
body.logged-in.city .top,
body.logged-in.country .top {
height:12.5em;
}
body.home .itinerary {
padding-top:0em;
}
.big-avatar {
width:7em;
height:7em;
}
.top .gradient {
height:135%;
background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,0) 43%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(42%,rgba(0,0,0,0)), color-stop(43%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 43%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 43%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 43%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 43%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
}
@media (max-width:321px) {
.big-avatar {
width:5em;
height:5em;
}
.top {
height:25em;
}
body {
font-size:0.85em;
}
}
.avatar .icon {
color:#fff;
width:3em;
height:3em;
vertical-align:middle;
text-align:center;
line-height:1em;
border-radius:5em;
position:absolute;
top:0;
right:0;
margin:0.4em;
}
.avatar .icon.nomadic {
background-color:rgb(54, 230, 127);
display:none;
}
.avatar .icon.home {
background-color:var(--brand-color);
display:none;
}
.avatar .icon .fa {
text-align:center;
display:inline-block;
margin-top:1em;
margin-bottom:1em;
font-size:1.25em;
vertical-align:middle;
}
.self.user.avatar {
display:none;
}
.self.user.avatar:hover {
opacity:0.5;
}
@media (min-width:600px) {
body:not(.home) .self.user.avatar {
display:block;
top: 0.6em;
right: 0.9em;
z-index:25;
cursor:pointer;
position: absolute;
width: 2.5em;
height: 2.5em;
background-size: cover;
border-radius: 100%;
display:block;
}
}
@media (max-width:600px) {
.self.user.avatar {
display:block;
position:fixed;
bottom:0;
right:0;
z-index:25;
box-shadow:0 12px 30px rgba(0,0,0,0.3);
width: 5em;
height: 5em;
background-size: cover;
border-radius:100%;
margin:1em;
background-color:#f3f3f4;
}
td .action-expand-overlaps {
border:2px solid;
}
/*html.userProfile.self .action-add-trip span {
display:none;
}
html.userProfile.self .action-add-trip {
position:fixed;
box-shadow:2px 2px 10px rgba(0,0,0,0.1);
z-index:10;
bottom:0;
right:0;
font-size:1em;
text-align:center;
border-radius:100%;
padding:1em;
font-size:1.5em;
padding-top:0.85em;
padding-bottom:0.85em;
}
html.userProfile.self .action-add-trip i {
display:inline;
}
.action-add-trip i {
margin:0;
}*/
}
.username-box .founding-member {
cursor:pointer;
overflow:hidden;
text-transform:uppercase;
vertical-align:middle;
margin-left:0.15em;
margin-right:0.15em;
margin-top:-0.325em;
font-size:1em;
display:inline-block;
}
.username-box .paid {
cursor:pointer;
overflow:hidden;
text-transform:uppercase;
vertical-align:middle;
margin-left:0.15em;
margin-right:0.15em;
display:inline-block;
background-image:url('/assets/logo.png');
background-size:cover;
width:1.25em;
background-repeat:no-repeat;
height:1.25em;
border-radius:100%;
filter:saturate(0%) brightness(75%) contrast(500%);
}
.location {
margin:0;
font-size:1em;
font-weight:400;
line-height:2;
font-weight:200;
}
.location {
text-align: right;
z-index: 52;
text-shadow:1px 1px 0 rgba(0,0,0,0.35);
position: absolute;
bottom:64px;
right:84px;
margin-bottom:-9px;
color: #fff;
}
.location a {
color:#fff;
}
@media (max-width:600px) {
.location .mobile {
display:block;
}
}
body.dark-top .location a,
body.dark-top .location {
color:#fff;
}
@media (max-width:100px) {
.location {
font-size:0.9em;
}
}
.description {
margin:0;
font-size:1em;
font-weight:400;
line-height:2;
font-weight:200;
}
.description a {
font-weight:600;
}
.location a {
font-weight:600;
}
#most-overlaps,
#friends,
#followers,
#following {
margin-top:1em;
margin-bottom:1em;
padding:0.15em;
}
@media (min-width:600px) {
.most_trips_to_cities,
.most_visited_cities,
#most-overlaps,
#friends,
#followers,
#following {
width: calc(50% - 14px - 14px - 14px);
margin-left:1.25%;
margin-right:1.25%;
display:inline-block;
vertical-align:top;
}
.most_trips_to_cities .grid .item,
.most_visited_cities .grid .item {
width:calc(50% - 28px);
}
}
#most-overlaps div,
#friends div,
#followers div,
#following div {
text-align:center;
}
#most-overlaps .user-crossed,
#squads .squad-member,
#friends .friend,
#followers .follower,
#following .followingUser {
display:inline-block;
width:50px;
height:50px;
margin:7px;
background-size:cover;
background-color:var(--input-hover-color);
border-radius:100%;
object-fit:cover;
box-shadow:var(--box-shadow-central);
/*border:1px solid var(--input-border-color);*/
}
#most-overlaps .user-crossed:hover,
#squads .squad-member:hover,
#friends .friend:hover,
#followers .follower:hover,
#following .followingUser:hover {
opacity:0.75 !important;
}
#most-overlaps .user-crossed:active,
#squads .squad-member:active,
#friends .friend:active,
#followers .follower:active,
#following .followingUser:active {
opacity:0.25 !important;
}
body.all .top {
height:20em;
}
.content {
text-align:left;
max-width:calc(85em - 14px);
margin:0 auto;
padding-bottom:10em;
}
body.userProfile .content {
text-align:center;
}
body.country .content,
body.city .content {
margin-top:1em;
}
.trips {
margin:1em;
}
.trips_container {
/*min-height:25em;*/
margin-bottom:2em;
}
.content h3 {
font-size:1em;
margin:0;
line-height:1;
}
.content h2 {
text-align:center;
margin-top:2em;
}
.content h3 {
text-align:center;
}
.action-select-map-show-who {
display:inline-block;
z-index:100;
}
body.show-tab--trip-has-overlaps-with-strangers .trips .trip td.overlap {
display:none;
}
body.show-tab--trip-has-overlaps-with-following .trips .trip td.overlap {
display:none;
}
.action-select-map-show-who .choice {
padding-left:1em;
padding-right:1em;
}
.button-bar {
text-align:center;
z-index:1;
margin-bottom:1em;
overflow:hidden;
}
/*..pageType-people .content .button {
color:#c6c2be;
}*/
.button-bar .button,
.button-bar .choices {
display:inline-block;
margin:0.5em;
}
.trips {
width:100%;
display:table;
border-collapse:collapse;
margin:0;
}
td a {
}
td h2 a {
font-weight:var(--bold);
}
.trip.no-trips-yet td {
padding:1em;
text-align:center;
background-color:#f3f3f4;
}
.trip.no-trips-yet a {
color:var(--brand-color);
border-color:var(--brand-color);
display:inline-block;
}
.trips tr {
}
/*body:not(.all) .trips tr.highlight {
background-color:rgb(240,240,240);
}
body:not(.all) .trips tr.current {
background-color:var(--brand-color);
}*/
body .trips tr.meetup.userIsFollowingThisUser {
color:#fff;
background-color:var(--brand-color);
}
body .trips tr.meetup.userIsFollowingThisUser td.trip_avatar a {
background-color:var(--brand-color);
background-image:url('/assets/logo-white.png') !important;
}
body .trips tr.meetup.userIsFollowingThisUser td,
body .trips tr.meetup.userIsFollowingThisUser td a {
color:#fff;
}
body .trips tr.meetup td {
border-color:rgb(240,240,240);
}
body:not(.all) .trips tr.current td,
body:not(.all) .trips tr.current td h1,
body:not(.all) .trips tr.current td h2,
body:not(.all) .trips tr.current td h3,
body:not(.all) .trips tr.current td h4,
body:not(.all) .trips tr.current td a {
color:#fff;
}
.trip td {
padding:0.5em;
padding:14px;
}
td {
vertical-align:top;
line-height:2;
}
.trip td.trip-action {
padding-left:0.75em;
padding-right:0.75em;
}
.trip td.trip-action {
font-size:1.25em;
}
.trip td.trip-action {
cursor:pointer;
opacity:0;
}
.trip:hover td.trip-action {
opacity:1;
}
.trip:hover td.trip-action .fa {
opacity:1;
}
div.trip-buttons div.box .trip-action:hover {
background:var(--input-hover-color);
}
.trip td.trip-action:hover .fa {
color:var(--brand-color);
opacity:1;
}
/* touch */
.touch .trip td.trip-action .fa {
opacity:1;
color:#c6c2be;
border-radius:6px;
border:1px solid #c6c2be;
margin:0;
margin-left:0.5em;
font-size:0.8em;
padding:0.8em;
}
.touch .trip.current td.trip-action .fa {
border-color:#fff;
color:#fff;
}
.touch .trip td.trip-action:hover .fa {
background-color:var(--brand-color);
color:#fff;
border-color:var(--brand-color);
}
.touch .trip.current td.trip-action:hover .fa {
background-color:#fff;
color:var(--brand-color);
border-color:#fff;
}
.touch .trip td.trip-action {
padding-left:0.1em;
padding-right:0.1em;
}
@media (max-width:600px) {
.touch .trip td.trip-action {
padding:0;
}
}
/* /touch */
.trip td.trip_avatar {
line-height:1;
}
.trip td.trip_length {
text-align:center;
}
.trip td.trip_dash {
text-align:center;
}
.trip td.trip_end {
text-align:right;
}
@media (min-width:600px) {
.trip td.trip_start,
.trip td.trip_end {
width:7em;
}
.trip td.trip_length {
text-align:center;
}
.trip td.trip_dash {
width:2em;
text-align:center;
}
}
.user-top-box .button {
width:10em;
overflow:none;
}
a.action-contact-user {
}
.action-contact-user i {
font-size: 16px;
margin-top: -4px;
margin-left: -4px;
}
.action-contact-user:hover {
color:#fff;
background:var(--brand-color);
border-color:var(--brand-color);
}
.button-bar .button i {
display:none;
}
@media (max-width:600px) {
.button-bar .button i {
display:inline-block;
}
}
.top-buttons .embed input {
width:100%;
}
.top-buttons .embed {
display:none;
}
/*.pageType-people .content .button:hover {
background-color:#fff;
border-color:#fff;
color:#0f1115;
}*/
@media(max-width:600px) {
.action-embed {
display:none !important;
}
}
.no-map .action-embed {
display:none;
}
.no-map .action-export {
display:none;
}
.counts h4 {
margin:0;
font-weight:400;
font-size:1.25em;
color:#969696;
}
body.dark-top .counts h4 {
color:#fff;
}
.counts .count {
font-size:0.8em;
text-align:center;
z-index:10;
position:relative;
display:inline-block;
margin-left:2em;
margin-right:2em;
margin-bottom: 0.5em;
margin-top: 0.5em;
font-weight:500 !important;
left:0;
right:auto;
top:0;
}
.counts .count.a {
font-weight:500 !important;
}
@media (max-width:900px) {
.count.trips-count,
.count.distance-traveled {
display:none;
}
}
.counts {
position:relative;
text-align:center;
}
/*@media (min-width:600px) {
.counts {
text-align:left;
display:inline-block;
position:absolute;
bottom:0;
}
}*/
.counts .count .number {
font-size:2em;
text-align:center;
font-weight:700;
}
body.dark-top .counts .count .number {
}
.member-since,
.follows-you {
text-transform:uppercase;
color:rgb(200,200,200);
font-weight:600;
margin-left:0.5em;
display:table;
margin:0 auto;
margin-top:0.25em;
font-size:0.5em;
}
@media (max-width:600px) {
.member-since,
.follows-you {
font-size:0.75em;
}
}
body:not(.unfollowed) .action-follow-user:hover {
border-color:var(--brand-color);
background:var(--brand-color);
color:#fff;
}
body.unfollowed .action-follow-user:hover {
color:#c6c2be;
background:#fff;
border-color:#c6c2be;
}
.userIsFollowingThisUser .action-follow-user {
border-color:var(--brand-color);
background-color:var(--brand-color);
color:#fff;
}
.action-follow-user .fa-check {
font-size: 0.5em;
margin-left: -1em;
margin-top: -0.4em;
}
.action-go-back {
top:4em;
}
@media (max-width:600px) {
.location {
left:14px;
}
.action-go-back p {
display:none;
}
.action-go-back {
margin-left:0em;
left:0.25em;
top:0.25em;
margin-top:0;
}
.counts .count {
top:0;
font-size:0.7em;
}
}
@media (max-width:400px) {
.action-contact-user p.mobile {
display:inline;
}
.userIsFollowingThisUser .action-follow-user .fa {
margin:0;
}
.userIsFollowingThisUser .action-follow-user {
width:6em;
margin-right:3em;
}
}
@media (max-width:375px) {
.action-follow-user .fa {
margin:0;
}
}
@media (max-width:321px) {
.action-contact-user .fa {
margin:0;
}
.action-contact-user,
.userIsFollowingThisUser .action-follow-user,
.action-follow-user {
width:4em;
}
.location {
line-height:1.5;
margin-top:0.25em;
}
.location .mobile {
display:block;
}
.action-show-settings,
.action-follow-user,
.action-contact-user {
top:3.5em;
}
.location {
margin-bottom:0.5em;
}
}
.action-go-back i {
margin:0;
}
.brand:hover {
opacity:0.75;
}
.action-go-back {
position:absolute;
overflow:none;
border:none;
margin:0;
cursor:pointer;
padding:0;
top:3.5em;
left:0.5em;
font-size:1.75em;
z-index:10;
}
.action-go-back:hover {
background:none;
border:none;
}
a.action-go-back:hover {
color:#fff;
}
.action-contact-user p.mobile {
display:none;
}
.no-touch .action-go-back {
-webkit-transition: transform 0.5s cubic-bezier(0.25, 1, 0.25, 1);
-moz-transition: transform 0.5s cubic-bezier(0.25, 1, 0.25, 1);
transition: transform 0.5s cubic-bezier(0.25, 1, 0.25, 1);
}
.action-go-back:focus,
.action-go-back:active,
.no-touch .action-go-back:hover {
-webkit-transition: transform 0.5s cubic-bezier(0.25, 1, 0.25, 1);
-moz-transition: transform 0.5s cubic-bezier(0.25, 1, 0.25, 1);
transition: transform 0.5s cubic-bezier(0.25, 1, 0.25, 1);
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
transform:rotate(-90deg);
}
tr {
width:100%;
}
.grid .item .extra-people-counter,
td .action-expand-overlaps {
background-size:cover;
background-position:center center;
z-index:1;
left:50%;
margin:0;
height:2.5em;
border-radius:100em;
border:1px solid var(--input-border-color);
background:none;
display:inline-block;
color: var(--input-border-color);
text-align:center;
cursor:pointer;
vertical-align:top;
min-width: 2.5em;
width:auto;
padding-left: 0.25em;
padding-right: 0.25em;
height: 2.5em;
padding-top:0.125em;
}
.grid .item .extra-people-counter,
td .action-expand-overlaps span {
line-height: 2.25em;
vertical-align: middle;
font-weight: 700;
font-size: 1em;
}
td .action-expand-overlaps:hover {
border-color:var(--brand-color);
background-color:var(--brand-color);
color:#fff;
}
body:not(.home) tr.current td .action-expand-overlaps {
border-color:#fff;
color:#fff;
}
body:not(.home) tr.current td .action-expand-overlaps:hover {
border-color:#fff;
background-color:#fff;
color:var(--brand-color);
}
td.overlap {
line-height:1;
text-align:right;
overflow:hidden;
max-width:40vw;
}
.trips .avatar {
background-size:cover;
object-fit:cover;
background-position:center center;
z-index:1;
margin:0;
position:relative;
width:2.5em;
height:2.5em;
border-radius:100em;
display:inline-block;
border: none;
box-shadow:var(--box-shadow-central);
}
.trips .avatar.hide {
display:none;
}
.trips .avatar:hover {
opacity:0.75;
}
.trips .avatar:active {
opacity:0.5;
}
.trips tr:not(.trip_editor) {
margin-bottom:0;
margin-top:0;
}
body.home tr.trip.past {
display:none !important;
}
.trips td.overlap.show-all {
text-align:center;
padding-top:0;
padding-bottom:2em;
}
.trips td.overlap.show-all .action-expand-overlaps {
display:none;
}
.trips td.overlap.show-all .avatar {
width:50px;
height:50px;
}
@media (max-width:600px) {
.trips .avatar:not(.hide):first-child {
display:inline-block;
}
.trips .avatar.show {
display:inline-block;
}
.trips td.overlap.show-all .avatar {
display:inline-block !important;
}
.trips td.overlap.show-all .action-expand-overlaps {
display:none;
}
.trips tr:not(.trip_editor) .name {
word-wrap:break-word;
min-width:9em;
padding-right:0;
}
.trips tr:not(.trip_editor) .country {
display:none;
padding-left:0;
}
.trips tr:not(.trip_editor) .country:before {
content:", ";
}
.trips tr:not(.trip_editor) .trip_length {
display:none;
}
}
@media (max-width:400px) {
.trips tr:not(.trip_editor) .country {
display:none;
}
.trips tr:not(.trip_editor) .country:before {
display:none;
}
}
.trips tr.trip td.username {
font-weight:var(--bold);
}
.trips .overlap .avatar {
}
.trips .overlap .avatar {
margin:0.25em;
}
.trips .overlap:hover .avatar {
}
.itinerary-nav .option {
border-bottom:1px solid rgb(241,241,241);
font-weight:400;
position:relative;
color: #bdbdc4;
padding-left:1em;
padding-right:1em;
margin-left:0;
margin-right:0;
}
.itinerary-nav .option i {
display:none;
}
.itinerary-nav .option.ontouchstart i {
font-size:1.75em;
}
.itinerary-nav .option.active,
html:not(.touch) .itinerary-nav .option:hover {
border-bottom:4px solid var(--brand-color);
color:var(--brand-color);
}
.itinerary-nav .option {
line-height:2;
cursor:pointer;
display:inline-block;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.popular-places-year td {
padding:0.5em;
}
.action-select-map-show-who.choices .choice i {
display:none;
}
@media (max-width:600px) {
.action-select-map-show-who.choices .choice i {
display:inline;
}
.action-select-map-show-who.choices .choice span {
display:none;
}
.action-select-map-show-who {
position:fixed;
bottom:0;
left:0;
margin:0.5em;
}
}
@media (min-width:600px) {
table.trips .trip_date_mobile {
display:none;
}
}
table.trips td.name,
table.trips td.country,
table.trips td.text {
padding-top:0.75em;
padding-top:14px;
}
table.trips td.name {
text-align:left;
}
@media (max-width:600px) {
td.image div {
margin-top: 0.8em;
}
table.trips td.name {
padding-top:1.5em;
}
table.trips td.overlap {
padding-top:1.25em;
}
}
@media (max-width:1000px) {
.popular-places-year td.month {
display:block;
width:100%;
font-weight: 700;
text-transform: uppercase;
background-color:rgb(240,240,240);
border-bottom:1px solid rgb(240,240,240);
padding:1em;
text-align:center;
}
.popular-places-year td:first-of-type {
display:block;
width:100%;
}
}
table.trips tr {
text-align:right;
}
table.trips td.country h2 a {
font-weight:500;
}
table.trips td.country h2 a:hover {
border-bottom:2px solid;
}
table.trips .trip_date_mobile {
text-transform: uppercase;
color: #bdbdc4;
font-weight: 600;
font-size: 0.85em;
line-height:2.5;
width:8em;
}
body.all table.trips td.trip_avatar {
padding-right:0;
padding-bottom:0;
}
body.all table.trips td.image {
clear:both;
margin-left:3em;
}
body.all td.image {
padding-top:0;
}
.itinerary-nav-container {
overflow-y:hidden;
position:relative;
}
.itinerary-nav {
white-space: nowrap;
padding-right:3em;
-webkit-overflow-scrolling:touch;
-moz-overflow-scrolling:touch;
-ms-overflow-scrolling:touch;
overflow-scrolling:touch;
-webkit-overflow-scrolling:touch;
-moz-overflow-scrolling:touch;
-ms-overflow-scrolling:touch;
overflow-scrolling:touch;
overflow-x:scroll;
overflow-y: hidden;
}
.itinerary-nav .option {
padding:0.5em;
padding-left:1em;
padding-right:1em;
padding-top:0.5em;
}
.itinerary-nav::-webkit-scrollbar { height: 0 !important }
.itinerary-nav { -ms-overflow-style: none; }
.itinerary-nav { overflow: -moz-scrollbars-none; }
.itinerary-nav-container .gradient {
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
pointer-events: none;
z-index:2;
top:0;
right:0;
right: 0;
position: absolute;
width: 4em;
height: 3.5em;
}
.modal.settings {
border:1px solid rgb(240,240,240);
border-radius:6px;
padding:1.5em;
max-width:750px;
margin-bottom:1em;
display:none;
z-index:100;
width:100%;
position:relative;
text-align:left;
background:#fff;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
position:fixed;
left:50%;
top:50%;
z-index:1001;
}
.settings.modal.show {
display:block;
}
.modal.settings input {
line-height:2;
vertical-align:middle;
margin-right:0.25em;
font-size:2em;
}
.modal.settings div {
vertical-align:middle;
line-height:2;
}
.username-box .fa {
font-size:1.5em;
vertical-align:middle;
}
.username-box .fa-check-circle {
color:#42b4ff;
vertical-align:bottom;
margin-top:0.25em;
margin-left:0.15em;
border-radius:100%;
}
.username-box .fa-twitter {
/*color:#00acee;*/
margin-left:0.25em;
vertical-align:middle;
overflow:hidden;
margin-right:0.25em;
}
.username-box .fa-facebook {
/*color:#3b5998;*/
margin-left:0.25em;
vertical-align:middle;
overflow:hidden;
margin-right:0.25em;
}
.username-box .fa-instagram {
/*color:#e4405f;*/
margin-left:0.25em;
vertical-align:middle;
overflow:hidden;
margin-right:0.25em;
}
.grid .item .cost {
display:none;
}
.grid .item .short_term_cost.cost {
display:block;
}
.modal.sign-up-cta {
display:none;
}
.modal.sign-up-cta {
max-width:1000px;
}
.modal.sign-up-cta.show {
display:block;
}
/* overide top bar style */
.top .gradient {
background: -moz-linear-gradient(top, rgba(88,84,80,0.5) 0%, rgba(88,84,80,0) 42%, rgba(88,84,80,0) 43%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,84,80,0.5)), color-stop(42%,rgba(88,84,80,0)), color-stop(43%,rgba(88,84,80,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(88,84,80,0.5) 0%,rgba(88,84,80,0) 42%,rgba(88,84,80,0) 43%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(88,84,80,0.5) 0%,rgba(88,84,80,0) 42%,rgba(88,84,80,0) 43%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(88,84,80,0.5) 0%,rgba(88,84,80,0) 42%,rgba(88,84,80,0) 43%); /* IE10+ */
background: linear-gradient(to bottom, rgba(88,84,80,0.5) 0%,rgba(88,84,80,0) 42%,rgba(88,84,80,0) 43%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
z-index:1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+43&0.3+0,0+42,0+42 */
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
body.dark-top .top .gradient {
display:none;
}
.top .dimmer-dark {
display:none;
}
body.dark-top .top .dimmer-dark {
display:block;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
}
.item .dimmer-dark {
display:block;
background:none;
background-color:rgb(20,20,20);
}
@media (max-width:600px) {
}
@media (max-width:1000px) {
body.logged-in .header .brand h2 {
}
}
.trips h1,
.trips h2,
.trips h3,
.trips h4 {
text-align:left;
font-size:1em;
margin:0 !important;
display:inline-block;
}
.nomadtrips .notice {
box-shadow:0 12px 30px rgba(0,0,0,0.3);
position:absolute;
padding:2em;
text-align:left;
z-index:1;
background:var(--input-background-color);
background: var(--element-background-color);
box-shadow: var(--box-shadow-central);
border-radius:6px;
left:50%;
top:50%;
width:100%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
position:absolute;
transform: translateY(-50%) translateX(-50%);
position: absolute;
max-width:45em;
z-index:999;
font-weight:400;
display:none;
}
.map_2d_container {
position:relative;
overflow:hidden;
z-index:2;
height:100%;
/*border-bottom: 1px solid var(--input-border-color);*/
}
.map_2d_container .flat_overlay_shadow,
.map_2d_container .flat_overlay {
pointer-events:none; /* make click throughable */
opacity:1;
z-index:52;
display:block;
position:absolute;
top:0;
left:0;
opacity:1;
/*border:5px solid green;*/
}
.map_2d_container .flat_overlay_shadow {
opacity:0.25;
opacity:0.15;
/*opacity:0.05;*/
z-index:50;
/*filter:blur(2px);*/
}
.map_3d_container {
/*border:1px solid blue;*/
display:block;
margin:0 auto;
width:100%;
background:#fff;
box-shadow:none;
overflow:hidden;
}
@media (min-width:600px) {
.map_3d_container {
/*border-bottom: 3px solid #7fb2c8;*/
}
}
body.home .slider_container {
display:none;
}
body.home .action-map-play {
display:none;
}
@media (max-width:600px) {
.action-map-play {
display:none !important;
}
}
.map_2d_container .avatar {
position:absolute;
width:2.5em;
height:2.5em;
margin-top:-1em;
background-size:cover;
border-radius:100%;
z-index:3;
margin-left:-1.25em !important;
margin-top:-1.25em !important;
display:none;
}
body.showOnlyFollowingUsers:not(.self) table.trips .trip:not(.userIsFollowingThisUser) {
display:none;
}
body:not(.showOnlyFollowingUsers) .nav .option[data-show=".trip.userIsFollowingThisUser"] {
display:none;
}
body.showOnlyFollowingUsers .nav .option[data-show=".trip.userIsFollowingThisUser"] {
display:inline-block;
}
body:not(.showOnlyFollowingUsers) .nav .option[data-show=".trip"] {
display:inline-block;
}
body.showOnlyFollowingUsers .nav .option[data-show=".trip"] {
display:none;
}
body:not(.showOnlyFollowingUsers) .nav .option[data-show=".trip.has-overlaps-with-following"] {
display:none;
}
body.showOnlyFollowingUsers .nav .option[data-show=".trip.has-overlaps-with-following"] {
display:inline-block;
}
body:not(.showOnlyFollowingUsers) .nav .option[data-show=".trip.has-overlaps-with-you"] {
display:inline-block;
}
body.showOnlyFollowingUsers .nav .option[data-show=".trip.has-overlaps-with-you"] {
display:none;
}
body:not(.showOnlyFollowingUsers) .map_2d_container .avatar.show {
display:block;
}
body.showOnlyFollowingUsers .map_2d_container .avatar:not(.following),
body.showOnlyFollowingUsers .map_2d_container .avatar.show:not(.following) {
display:none;
}
body.showOnlyFollowingUsers .map_2d_container .avatar.show.following {
display:block;
}
body:not(.showOnlyFollowingUsers) .map_2d_container .avatar.show:not(.following),
body.showOnlyFollowingUsers .map_2d_container .avatar.show.following {
display:block;
}
@media (min-width:600px) {
.map_2d_container .avatar {
}
}
@media (max-width:600px) {
.map_2d_container .avatar {
width:2em;
height:2em;
margin-left:-1em !important;
margin-top:-1em !important;
}
.map_2d_container {
overflow:hidden;
}
}
.map_size_container,
#map_canvas,
.map_3d_container,
.map .gm-style {
background-color:var(--map-background-color);
}
.button.action-fullscreen {
display:none;
}
.button.action-fullscreen i {
margin:0;
}
.map_2d_container .zoom_buttons {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position:absolute;
bottom:14px;
right:14px;
font-size:0.75em;
z-index:101;
}
.map_2d_container .zoom_buttons i {
font-size: 1em;
padding: 1em;
border:1px solid #c6c2be;
border-radius:6px;
display: block;
color: #888;
cursor:pointer;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
background-color:#fff;
user-select: none;
}
.map_2d_container .zoom_buttons i:first-of-type {
border-bottom:1px solid #c6c2be;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
.map_2d_container .zoom_buttons i:nth-of-type(2) {
border-top:1px solid #c6c2be;
margin-top:1px;
border-top-left-radius:0;
border-top-right-radius:0;
}
.map_2d_container .zoom_buttons span {
display:block;
color:#888;
background-color:var(--input-background-color);
padding:7px;
padding-left:15px;
padding-right:15px;
cursor:pointer;
text-align:center;
font-weight:var(--bold);
font-size:2.5em;
border:1px solid var(--input-border-color);
border-radius:6px;
}
.map_2d_container .zoom_buttons span:hover {
background-color:var(--input-hover-color);
}
.map_2d_container .zoom_buttons span.action-zoom-in {
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
.map_2d_container .zoom_buttons span.action-zoom-out {
border-top-left-radius:0;
border-top-right-radius:0;
}
.map_2d_container .zoom_buttons i:hover {
background-color:#efefef;
}
.map_2d_container_image .spinner,
.map_2d_container .spinner {
position:absolute;
}
@media (min-width:600px) {
.map_2d_container_image .spinner,
.map_2d_container .spinner {
margin-top:1.5em;
}
}
@media (min-width:1280px) {
.map_2d_container_image .spinner,
.map_2d_container .spinner {
margin-top:0.5em;
}
}
.slider_container {
cursor:pointer;
margin:0 auto;
position:absolute;
min-height:1em;
left:90px;
bottom:28px;
width:19em;
}
.itinerary-nav-container {
display:none;
}
html.userProfile .itinerary-nav-container {
display:none;
}
.noUi-horizontal {
z-index:4;
position:relative;
}
.noUi-horizontal .noUi-handle {
cursor:move;
z-index:10;
z-index:4;
position:absolute;
}
.slider {
}
.slider_container .min {
left:0;
z-index:1;
text-align:left;
background-color:#fff;
position:absolute;
}
.slider_container .max {
right:0;
text-align:right;
z-index:1;
position:absolute;
background-color:#fff;
}
.slider_container .currentMax {
right:0;
position:absolute;
z-index:2;
text-align: left;
margin-left:-28px;
bottom:0;
min-width:6em;
}
.slider_container .currentMin {
position:absolute;
margin-left:-14px;
left:0;
z-index:2;
min-width:6em;
right:auto;
text-align:right;
}
.slider_container .labels {
position:relative;
color:#fff;
margin-bottom:22px;
font-weight:600;
}
@media (max-width:1000px) {
.slider_container {
display:none !important;
}
}
.cta h2 {
margin:0;
}
.check-in-here.modal,
.modal {
border:none;
}
.modal .photo {
background-size:cover;
background-position: center center;
width:100%;
height:50vh;
max-height:50vh;
background-color:rgb(240,240,240);
}
.cta .cancel {
display:none;
}
.modal span.container {
line-height:2;
}
.modal .button {
line-height:1.5;
}
.modal .mobile {
display:none;
}
@media(max-width:600px) {
.modal.sign-up-cta {
padding:1em;
padding-top:2em;
}
.modal.sign-up-cta span.container {
line-height:2;
}
.modal.sign-up-cta .button {
}
.modal.sign-up-cta .mobile {
display:block;
}
.modal.sign-up-cta {
height:100vh;
}
.modal.sign-up-cta .cancel {
color:var(--brand-color);
cursor:pointer;
display:table;
float:right;
line-height:1;
position:fixed;
bottom:4em;
right:1em;
}
}
.modal .photo.photo-1 {
background-image:url('/assets/meetup-1.jpg');
}
.modal .photo.photo-2 {
background-image:url('/assets/meetup-2.jpg');
}
.modal .photo.photo-3 {
background-image:url('/assets/meetup-3.jpg');
}
.modal .photo.photo-4 {
background-image:url('/assets/meetup-4.jpg');
}
.modal .photo.photo-5 {
background-image:url('/assets/meetup-5.jpg');
}
.modal .photo.photo-6 {
background-image:url('/assets/meetup-6.jpg');
}
.modal .photo.photo-7 {
background-image:url('/assets/meetup-7.jpg');
}
.modal .photo.photo-8 {
background-image:url('/assets/meetup-8.jpg');
}
.modal .photo.photo-9 {
background-image:url('/assets/meetup-9.jpg');
}
.modal .photo.photo-10 {
background-image:url('/assets/meetup-10.jpg');
}
.modal .photo.photo-11 {
background-image:url('/assets/meetup-11.jpg');
}
.cta .button {
display:inline-block;
margin:0.5em;
}
.userProfile .cta {
margin-top:1em;
margin-bottom:1em;
overflow:hidden;
}
@media (max-width:1000px) {
.beta-status {
display:none;
}
}
@media (max-width:600px) {
.check-in-here.cta,
.cta {
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
body.home .cta {
border:none;
}
}
.modal {
position:fixed;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
background:#fff;
transform: translateY(-50%) translateX(-50%);
top:50%;
z-index:101;
margin:0;
left:50%;
display:none;
}
.modal p {
margin-left:1.5em;
margin-right:1.5em;
}
.share-cta {
background:#fff;
text-align:left;
border:1px solid rgb(240,240,240);
overflow:hidden;
margin-top:1em;
margin-bottom:1em;
border-radius:6px;
}
.share-cta .button {
display:inline-block;
margin:0.5em;
}
.share-cta img {
width:25%;
display:inline-block;
margin-right:1em;
vertical-align:middle;
}
.share-cta p {
width:70%;
display:inline-block;
vertical-align:middle;
text-align:center;
}
@media (max-width:600px) {
.cta {
border-radius:0;
border-left:none;
border-right:none;
margin-top:0;
margin-bottom:0;
}
}
@media (min-width:600px) {
.map_3d_container {
/*-moz-transform: translateZ( -300px ) perspective( 1000px ) rotateX( 55deg );
-webkit-transform: translateZ( -300px ) perspective( 1000px ) rotateX( 55deg );
transform: translateZ( -300px ) perspective( 1000px ) rotateX( 55deg );*/
height:26em;
width:100%;
margin-top:0;
}
body.home:not(.logged-in) .map_3d_container {
margin-top:0;
}
.map_3d_container {
width:100%;
height:100%;
}
.map_2d_container .zoom_buttons {
}
body.logged-in .map_2d_container .zoom_buttons {
}
}
@media (min-width:600px) {
body.all:not(.logged-in) .map_2d_container {
}
}
@media (min-width:1400px) {
.content h2 {
margin-bottom:0.5em;
}
}
@media (min-width:1280px) {
body:not(.logged-in) .map_2d_container {
}
body.logged-in .map_2d_container {
}
body.logged-in.home .map_2d_container {
}
.map_2d_container .zoom_buttons {
}
}
@media(max-width:600px) {
.map_3d_container {
margin-top:0em;
margin-bottom:0em;
height:100%;
}
body.home .map_2d_container {
margin-top:0;
}
body:not(.home) .map_2d_container {
margin-top:0;
}
body.home .action-fullscreen {
display:none;
}
.map_3d_container {
}
.slider {
margin-top:2em;
padding-left:1em;
padding-right:1em;
}
.slider_container .labels {
margin-top:1.5em;
}
}
@media (max-width:321px) {
.map_3d_container {
margin-top:0em;
margin-bottom:0em;
height:12em;
}
}
.map_3d_container .handle {
background: none;
height: 0px;
position: absolute;
width: 0px;
}
.map_3d_container .handle.scout {
left: 0;
top: 0;
/*width:10px;*/
/*height:10px;*/
/*background-color:blue;*/
}
.map_3d_container .handle.nw {
left: 0;
top: 0;
}
.map_3d_container .handle.ne {
right: 0;
top: 0;
}
.map_3d_container .handle.se {
right: 0;
bottom: 0;
}
.map_3d_container .handle.sw {
left: 0;
bottom: 0;
}
.map {
/*border:1px solid yellow;*/
background-color:#000;
display:block;
width:100%;
height:110%;
width:100%;
}
body.map-2d {
.map_2d_container {
position:fixed;
z-index:10000;
top:0;
left:0;
width:100%;
height:100%;
background-color:#fff;
margin:0;
}
.map_3d_container {
}
.slider {
padding: 3em;
margin: 0;
position: fixed;
bottom: 2em;
width:100%;
}
}
@media (max-width:600px) {
body.home:not(.logged-in) .cta {
margin-top:4em;
}
body.home:not(.logged-in) .action-add-trip {
width: calc(100% - 1em);
}
}
.questions {
padding-top:0;
}
.questions .person {
display: block;
width: 2em;
height: 2em;
background-size: cover;
border-radius: 2em;
}
.questions .avatar {
width:1em;
background-size:cover;
vertical-align:middle;
display:inline-block;
}
.questions .title {
vertical-align:middle;
color:#0f1115;
display:inline-block;
margin-right:1em;
font-weight:600;
cursor:pointer;
border-bottom:1px solid rgba(0,0,0,0);
}
.questions .title:hover {
border-bottom:1px solid #0f1115;
}
.questions .count {
vertical-align:middle;
display:inline-block;
}
.questions .count p {
margin-left:0.5em;
display:inline-block;
}
.questions .avatar img {
border-radius:5em;
width:2em;
vertical-align:middle;
}
.questions .date {
text-transform: uppercase;
font-weight: 600;
color: #bdbdc4;
font-size: 0.8em;
margin-left: 0.35em;
}
tr td:first-of-type {
padding-left:0.5em;
padding-right:0.5em;
}
.questions {
position:relative;
}
.questions table {
border-collapse:collapse;
margin:0;
width:100%;
display:table;
}
.questions table td {
padding:0.75em;
vertical-align:middle;
line-height:1.5;
text-align:left;
}
.questions .question h3 {
text-align:left;
}
.questions .question {
color:#0f1115;
font-weight:500;
}
.questions .question a {
font-weight:var(--bold);
line-height:2;
}
.questions tr td a {
border-bottom:1px solid #0f1115;
}
.questions table td.no-questions {
padding-top:2em;
padding-bottom:2em;
text-align:center;
}
.questions .no-questions a {
color:var(--brand-color);
border-color:var(--brand-color);
}
.questions tr:hover .no-questions a {
border-bottom:1px solid var(--brand-color);
}
.questions .avatar {
vertical-align:middle;
width:2.5em;
}
.hidden {
display:none;
}
.show {
display:block;
}
body.country .trips td.country {
display:none;
}
body.country .map_2d_container,
body.city .map_2d_container {
display:none !important;
}
body.city .button-bar,
body.country .button-bar {
display:none !important;
}
body.embed {
padding:0em;
}
body.embed .map_2d_container {
height:100%;
margin-bottom:-1.6em;
}
body.no-map .slider_container {
display:none;
}
body.no-map .map_2d_container {
display:none;
}
body.no-map:not(.self) .button-bar {
display:none;
}
body.embed .name {
z-index: 10;
position: relative;
}
html {
width:100%;
height:100%;
}
.trip-container {
display:table-row-group;
}
@media (max-width:600px) {
.by {
display:none;
}
}
#habla_window_div.habla_window_div_base {
z-index:101 !important;
}
div.trip-buttons div.box {
display:block;
padding:0;
position:relative;
z-index:1;
}
div.trip-buttons div.box .trip-action {
display:inline-block;
padding-top:0.25em;
padding-bottom:0.25em;
padding-left:0.5em;
padding-right:0.5em;
background-color:var(--input-background-color);
color:var(--input-text-color);
border:1px solid var(--input-border-color);
cursor:pointer;
}
div.trip-buttons i {
margin-right:0.5em;
}
div.trip-buttons .trip-action span {
text-transform:uppercase;
font-weight:var(--bold);
font-size:0.75em;
vertical-align:middle;
}
div.trip-buttons div.box .trip-action:first-of-type {
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}
div.trip-buttons div.box .trip-action:last-of-type {
border-top-right-radius:5px;
border-right:1px solid var(--input-border-color);
border-bottom-right-radius:5px;
}
.no-touch div.trip-buttons div.box .trip-action:hover,
.touch div.trip-buttons div.box .trip-action:active {
background:var(--brand-color);
color:#fff;
border-color:var(--brand-color);
}
tr:hover {
cursor:text;
}
tr:hover a,
tr:hover .avatar,
tr:hover .action-expand-overlaps {
cursor:pointer;
}
.countball {
color:#fff;
background-color:var(--brand-color);
display:inline-block;
border-radius:1.5em;
font-size:0.6em;
line-height:1;
top:-1.1em;
left:-0.9em;
position:relative;
background-color:var(--brand-color);
border:1px solid rgb(255,255,255);
height:auto;
line-height:1;
padding:0.25em;
padding-top:0.35em;
padding-left:0.65em;
padding-right:0.65em;
border-radius:2.4em;
font-size:0.6em;
}
.countball {
position:absolute;
top:0;
left:60%;
padding-left:0.75em;
padding-right:0.75em;
padding-top:0em;
}
.itinerary-nav .option .countball {
background-color:rgb(189, 189, 196);
color:#fff;
}
.itinerary-nav .option.active .countball,
.itinerary-nav .option:hover .countball {
background-color:var(--brand-color);
}
/* */
.itinerary-nav .option {
font-weight:600;
}
.itinerary-nav .option i {
display:block;
margin:0 auto;
margin-bottom:-0.1em;
width:100%;
text-align:center;
font-size:1.25em;
}
.itinerary-nav .option {
}
.itinerary-nav {
padding-top:0.25em;
}
.itinerary-nav .option:hover,
.itinerary-nav .option.active {
color:var(--brand-color);
}
.itinerary-nav .option .countball {
background-color:var(--brand-color);
border:1px solid rgb(255,255,255);
height:auto;
line-height:1;
padding:0.25em;
padding-left:0.55em;
padding-right:0.55em;
border-radius:2.4em;
font-size:0.8em;
}
/* */
@media (min-width:600px) {
.itinerary-nav .option .countball {
font-size: 0.7em;
}
}
@media (max-width:600px) {
.itinerary-nav .option {
color:#929292;
}
.itinerary-nav .option {
font-weight:400;
}
.itinerary-nav .option i {
font-size:2em;
}
/* ios style nav for trips */
.header .avatar {
}
html.touch .itinerary-nav-container {
height:4.25em;
border-top:1px solid #f0f0f0;
width:auto;
top:0;
background-color:rgb(250,250,250);
background-color:#fff;
}
html.touch html.userProfile:not(.self) .button-bar {
display:none;
}
html.touch .itinerary-nav {
height:6.5em;
}
html.touch .itinerary-nav .option {
width:25vw;
text-align:center;
}
.trips tr {
}
.itinerary-nav .option,
.itinerary-nav .option.active,
.itinerary-nav .option:hover {
font-size:0.925em;
}
html.touch .itinerary-nav .option {
padding-left:0em;
padding-right:0em;
}
html.touch .itinerary-nav-container .gradient {
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
height:100%;
}
}
.homepage-prerendered-map {
display:none;
}
/* hide nav menu on profile to make it prettier */
@media (max-width:600px) {
body.home .slider_container {
display:none;
}
}
body.country .slider_container,
body.city .slider_container {
display:none;
}
@media (max-width:600px) {
}
@media (max-width:500px) {
}
@media (max-width:600px) {
}
@media (max-width:600px) {
.action-show-settings, .action-follow-user, .action-contact-user {
top:6em;
}
.counts {
margin-top: 0em;
}
}
.modal.item .backdrop.loading,
.modal.item .loading.spinner {
position:absolute;
}
.modal.item .backdrop.loading {
background:none;
}
.modal.user {
text-align:left;
display:none;
background:#fff;
position:fixed;
left:auto;
height:100%;
top:0;
width:100%;
max-width:1000px;
-webkit-overflow-scrolling:touch;
-moz-overflow-scrolling:touch;
-ms-overflow-scrolling:touch;
overflow-scrolling:touch;
overflow-y: auto;
overflow-x: hidden;
right:0;
z-index:301;
max-width:1000px;
max-height: 90vh;
height: 100%;
left: 100%;
width: 100%;
border: none;
top: 50%;
position: fixed;
margin-left: -500px;
margin-top: -45vh;
}
.modal.user.show {
display:block;
left:50%;
}
@media (max-width:1000px) {
.modal.user {
margin:0;
border-radius:0;
left:0;
top:0;
max-height:100vh;
}
.modal.user.show {
display:block;
}
}
.touch .modal.user {
left:100%;
left:100vw;
display:block;
-webkit-transition: left 0.5s cubic-bezier(0.25, 1, 0.25, 1);
-moz-transition: left 0.5s cubic-bezier(0.25, 1, 0.25, 1);
transition: left 0.5s cubic-bezier(0.25, 1, 0.25, 1);
}
.modal.message-user,
.modal.share {
transform:translateX(-50%) translateY(-50%);
position:fixed;
top:60vh;
left:50vw;
border-radius:6px;
overflow:hidden;
z-index:1001;
padding:1.75em;
text-align:left;
width:auto;
font-weight:400;
}
.modal.message-user textarea,
.modal.share textarea {
margin:0;
vertical-align:middle;
display:block;
background:#fff;
width:25em;
margin-bottom:0.5em;
}
.modal.message-user .button,
.modal.share .button {
float:right;
margin-top:0.5em;
}
.modal.share .img {
margin-left:3em;
width:25em;
height:12.5em;
position:relative;
border-radius:6px;
background-color:rgb(244,244,244);
}
.modal.message-user .spinner,
.modal.share .spinner {
position:absolute;
display:block;
}
.modal.share img {
width:25em;
height:12.5em;
z-index: 1002;
position: relative;
margin:0;
display:block;
border-radius:6px;
}
.modal.message-user .avatar,
.modal.share .avatar {
vertical-align:top;
margin:0;
margin-right:0.5em;
margin-top:0.5em;
width:2.5em;
height:2.5em;
border-radius:100%;
display:inline-block;
float:left;
background-size:cover;
}
.modal.message-user a,
.modal.share a {
font-weight:var(--bold);
color:var(--brand-color);
border-bottom:1px solid var(--brand-color);
}
.modal.message-user .success,
.modal.share .success {
display:none;
}
.modal.message-user.success textarea,
.modal.message-user.success .button,
.modal.message-user.success .img,
.modal.message-user.success .avatar,
.modal.share.success textarea,
.modal.share.success .button,
.modal.share.success .img,
.modal.share.success .avatar {
display:none;
}
.modal.message-user.success .success,
.modal.share.success .success {
display:block;
}
.header .container {
background:none;
}
.action-view-on-nomadlist {
position: absolute;
font-size: 0.75em;
right: 0;
bottom: 0;
z-index: 2;
margin: 1em;
}
body.embed .map_3d_container {
border:none;
height:100%;
}
body.embed .map_2d_container {
margin:0;
height:100vh;
}
body.user-pane-in-chat .header {
display:none !important;
}
body.user-pane-in-chat {
padding-top:0 !important;
}
body.user-pane-in-chat .action-go-back {
display:none !important;
}
body.user-pane-in-chat .map_3d_container {
height:200px;
}
.backdrop {
z-index:100;
}
@media (min-width:600px) {
.map_2d_container {
margin:0 auto;
margin-top:0;
margin-bottom:0;
}
}
.map_2d_container .loading_spinner {
position:absolute;
}
.top-user-box {
pointer-events:none;
max-width: calc(85em - 14px);
position: relative;
margin: 0 auto;
text-align:left;
z-index:3;
}
.top-user-box .big-avatar,
.top-user-box .button,
.top-user-box a {
pointer-events:initial;
}
.top-user-box .button {
display:inline-block;
margin:0.5em;
width:10em;
}
@media (max-width:600px) {
.top-user-box {
text-align:center;
}
}
.top-buttons {
position:absolute;
top: 60vh;
top:6em;
top:-6em;
margin:0.5em;
position: absolute;
right: 0;
z-index:10;
text-align:right;
max-width:26em;
}
.top-buttons.admin {
max-width:100%;
position:relative;
top:0;
left:0;
}
.top-buttons .button {
margin:0.5em;
display:inline-block;
}
@media (max-width:600px) {
body.userProfile .tags .bottom-gradient .button {
margin:14px;
width:calc(100% - 28px);
}
.top-buttons {
margin: 14px auto;
text-align:center;
}
}
@media (max-width:1100px) {
.counts .count:nth-last-child(1) {
display:none;
}
}
@media (max-width:1000px) {
.counts .count:nth-last-child(2) {
display:none;
}
}
@media (max-width:900px) {
.counts .count:nth-last-child(3) {
display:none;
}
}
@media (max-width:800px) {
.counts .count:nth-last-child(4) {
display:none;
}
}
@media (max-width:600px) {
.counts .count {
display:inline-block !important;
}
}
@media (max-width:400px) {
.counts .count:nth-last-child(4) {
display:none !important;
}
}
@media (max-width:600px) {
.top-buttons {
position:relative;
display:block;
top:0;
left:0;
}
.top-buttons .button {
top:auto;
}
}
.big-avatar {
border-radius: 100%;
background: var(--input-background-color);
border: 2px solid var(--global-background-color);
margin-top: -110px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.itinerary-nav-container {
margin-top:4em;
}
@media (max-width:600px) {
body:not(.embed) .big-avatar {
margin-top: -75px;
}
body.embed .big-avatar {
margin-top:0;
}
.counts .count:nth-last-child(1) {
display:none !important;
}
.counts .count:nth-last-child(2) {
display:none !important;
}
.map_3d_container {
height:100%;
}
.itinerary-nav-container {
margin-top:1em;
}
}
/*table.trips tr.trip td.bg {
width: 100%;
position: absolute;
z-index: -1;
max-width: 1100px;
height:3.65em;
}
tr.trip.current td.bg {
background: linear-gradient(to left, #f85032, var(--brand-color));
}*/
@media (max-width:600px) {
/*tr.trip td.bg {
height:5em;
}*/
.map_2d_container .zoom_buttons {
right: 14px;
bottom:14px;
font-size:1em;
}
}
.map {
filter: saturate(75%);
}
@media (max-width:600px) {
table.trips tr:not(.trip_editor) .trip_start,
table.trips tr:not(.trip_editor) .trip_dash,
table.trips tr:not(.trip_editor) .trip_end {
display:none;
}
td.overlap {
width:8em;
}
}
table.trips tr.trip_editor {
/*background-color:#fff;
border:1px solid #ededed;*/
}
table.trips tr.trip_editor td {
border-radius:6px;
}
@media (max-width:600px) {
.trips tr.trip_editor {
border-left:none;
border-right:none;
}
}
body.self table.trips tr.trip_editor {
display:table-row;
}
/*table.trips tr:not(.current):not(.trip_editor):hover td.bg,
table.trips tr:not(.current):not(.trip_editor):active td.bg,
table.trips tr:not(.current):not(.trip_editor):focus td.bg {
background: linear-gradient(to left, #f85032, var(--brand-color));
}*/
div.trip-buttons {
position: absolute;
width:auto;
display:none;
border-radius:6px;
z-index:8;
box-shadow:0 5px 5px 2px rgba(0, 0, 0, 0.1);
white-space: nowrap;
}
div.trip-buttons div.box {
position:relative;
font-size:1em;
}
div.trip-buttons div.box {
right:inherit;
}
div.trip-buttons div.box .trip-action {
padding-left: 1em;
padding-right: 1em;
}
@media (max-width:600px) {
div.trip-buttons {
left:inherit;
right:1em;
}
}
@media (min-width:600px) {
/*div.trip-buttons div.box:before,
tr.trip:active div.trip-buttons div.box:before,
tr.trip:focus div.trip-buttons div.box:before {
content:'';
display:block;
width:0;
height:0;
position:absolute;
border-left: 1em solid transparent;
border-right: 1em solid transparent;
border-top: 1em solid #c8c8c8;
bottom:-1em;
margin-left:-1em;
font-size:0.5em;
left:40%;
}*/
}
@media (max-width:600px) {
div.trip-buttons {
background:none;
position:fixed;
left:0em;
right:inherit;
width:100vw;
padding:0;
z-index:1;
background: #fff;
z-index: 100000;
top: 1.75em;
box-shadow: 0 -5px 10px rgba(0,0,0,0.15);
}
div.trip-buttons div.box {
width:100vw;
font-size:1.25em;
box-shadow:0 5px 10px rgba(0,0,0,0.15);
}
div.trip-buttons div.box .trip-action {
padding-left: 1em;
width: 25%;
margin:0;
text-align: center;
padding-right: 1em;
border-radius: 0 !important;
padding-top: 0.75em;
padding-bottom: 0.75em;
/*border-color:var(--brand-color);
color:var(--brand-color);*/
}
div.trip-buttons.b6 div.box .trip-action {
width: 16.66666%;
}
div.trip-buttons.b5 div.box .trip-action {
width: 20%;
}
div.trip-buttons.b4 div.box .trip-action {
width: 25%;
}
div.trip-buttons.b2 div.box .trip-action {
width: 50%;
}
div.trip-buttons.b1 div.box .trip-action {
width: 100%;
}
div.trip-buttons.b3 div.box .trip-action {
width: 33.3333%;
}
div.trip-buttons div.box .trip-action {
width: 33.3333% !important;
display:none !important;
}
div.trip-buttons div.box .trip-action:nth-of-type(1),
div.trip-buttons div.box .trip-action:nth-of-type(2),
div.trip-buttons div.box .trip-action:nth-of-type(3) {
display:inline-block !important;
}
div.trip-buttons div.box .trip-action:first-of-type {
border-left:none;
}
div.trip-buttons div.box .trip-action:last-of-type {
border-right:none;
}
body:not(.self) div.trip-buttons {
display:none; /* don't display COPY TRIP on mobile on other people's profile as trip buttons because it takes up too much space */
}
}
/* disable bg hover doesn't work for shit */
table.trips tr.trip td.bg {
display:none;
}
table.trips tr:not(.current):not(.trip_editor):not(.expanded-overlaps):not(.self-also-went-there):not(.has-overlaps-with-you) {
background: var(--input-hover-color);
background: var(--global-background-color);
}
table.trips tr.trip:not(.current):not(.trip_editor):not(.expanded-overlaps):not(.self-also-went-there):not(.has-overlaps-with-you):hover {
background: var(--input-hover-color);
}
table.trips tr.self-also-went-there {
background:rgb(154 215 255);
}
html.dark table.trips tr.self-also-went-there td,
html.dark table.trips tr.self-also-went-there td h2 {
color: var(--global-background-color);
}
table.trips tr.current {
background: var(--brand-color);
}
table.trips tr:not(.current):not(.trip_editor):not(.expanded-overlaps):active,
table.trips tr:not(.current):not(.trip_editor):not(.expanded-overlaps):focus {
background: var(--input-active-color);
}
html.people-frontpage .content .avatar {
background-size:cover;
background-position:center center;
width:4em;
height:4em;
cursor:pointer;
border-radius:100%;
border-radius:6px;
vertical-align:middle;
display:inline-block;
border-radius:100%;
margin:0.25em;
}
html.people-frontpage .content .grid .item .avatar {
width:2.5em;
height:2.5em;
}
html.people-frontpage .content .city_image {
background-size:cover;
background-position:center center;
width:2.5em;
height:2.5em;
cursor:pointer;
border-radius:10px;
vertical-align:middle;
display:inline-block;
display:none;
margin:0.25em;
}
html.people-frontpage .content .trip {
padding-left:1em;
padding-right:1em;
padding-bottom:0em;
padding-top:0em;
margin:0;
}
@media (min-width:600px) {
html.people-frontpage .content .trip.one-third {
width:33.333%;
display:inline-block;
vertical-align:top;
}
html.people-frontpage .content .trip.half {
width:50%;
display:inline-block;
vertical-align:top;
}
}
html.people-frontpage .content a,
html.people-frontpage .content p a:not(.avatar),
html.people-frontpage .content .trip a {
font-weight:var(--bold);
}
html.people-frontpage .content a.avatar {
margin:0.5em;
/*border:1px solid #ededed;*/
}
html.people-frontpage .content a.avatar:hover {
opacity:0.75;
}
html.people-frontpage .content a.avatar:active {
opacity:0.5;
}
@media (max-width:600px) {
html.people-frontpage .content {
text-align:center;
}
}
html.people-frontpage .content h2 {
text-align:left;
font-weight:var(--bold);
padding-left:7px;
padding-right:7px;
}
html.people-frontpage .content p {
padding-left:7px;
padding-right:7px;
font-size:15px;
}
@media (max-width:600px) {
html.people-frontpage .content h2 {
text-align:center;
width:100%;
padding-left:2em;
padding-right:2em;
}
}
.grid .item .extra-people-counter,
html.people-frontpage .content .grid .item .attributes .avatar {
border:1px solid #fff;
color:#fff;
background-color:#fff;
margin-top:0;
margin-left:0;
margin-left: 0.1em;
margin-right: 0.1em;
}
@media (max-width:900px) {
.grid .item .extra-people-counter,
html.people-frontpage .content .grid .item .attributes .avatar {
font-size:0.75em;
}
}
@media (max-width:600px) {
.grid .item .extra-people-counter,
html.people-frontpage .content .grid .item .attributes .avatar {
font-size:0.5em;
}
}
.grid .item .extra-people-counter {
background:none;
margin-top:0;
vertical-align:top;
}
.city-bg-header {
background-size:cover;
background-position:center center;
z-index:-1;
width:100vw;
height:60vh;
position:absolute;
top:0;
left:0;
opacity:1;
}
html.pageType-people:not(.people-frontpage) .header .brand a,
html.pageType-people:not(.people-frontpage) .header .brand,
html.pageType-people:not(.people-frontpage) .header .nav-item {
color:#fff;
}
html.pageType-people:not(.people-frontpage) .header .nav-item:hover {
color:var(--brand-color);
}
.map_size_container {
height:60vh;
}
.city-bg-header .gradient {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
html.people-frontpage .grid .item .attributes .top-left {
top: 0;
left: 0;
margin: 0.5em;
margin-top:1em;
text-align: center;
width: 100%;
}
html.people-frontpage .grid {
margin-bottom:1em;
}
.content a {
font-weight:var(--bold);
}
span.temperature-indicator-round {
margin-left: 0.35em;
margin-right: 0.35em;
background: var(--input-background-color);
padding: 0.25em;
padding-left: 0.5em;
padding-right: 0.5em;
border-radius: 5px;
font-size: 0.85em;
color: var(--input-text-color);
vertical-align:middle;
box-shadow: var(--box-shadow-central);
}
body.embed .map_dimmer {
opacity:0.25;
}
body.embed .big-avatar {
position: fixed;
top: 1em;
left: 1em;
width: 5em;
height: 5em;
}
body.embed {
font-size:1em !important;
}
body.embed .location {
right:4em !important;
}
body.embed .map_2d_container .zoom_buttons {
left: auto !important;
right: 0.5em !important;
margin: 0.5em !important;
top:0.5em !important;
font-size:0.85em !important;
}
div.advice p {
line-height:2;
}
div.advice a {
border-bottom:2px solid;
}
html.people-frontpage .content .avatar.big {
width:90px;
height:90px;
width:170px;
height:170px;
width:calc(calc(85em - calc(12 * 14px))/6);
height:calc(calc(85em - calc(12 * 14px))/6);
position:relative;
border-radius:6px;
margin:14px;
/*border: 1px solid #ededed;*/
}
@media (max-width:70em) {
html.people-frontpage .content .avatar.big {
width:calc(calc(100vw - calc(12 * 14px))/6);
height:calc(calc(100vw - calc(12 * 14px))/6);
}
}
@media (max-width:600px) {
html.people-frontpage .content .avatar.big {
width:calc(calc(100vw - calc(8 * 14px))/4);
height:calc(calc(100vw - calc(8 * 14px))/4);
}
}
@media (max-width:400px) {
html.people-frontpage .content .avatar.match:after {
font-size:1.5em;
padding-top: 0.125em;
right:-0.25em;
top:-0.25em;
padding:0.1em;
}
}
.radar_line {
width:2px;
height:50px;
background:green;
position:absolute;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
animation: spin 1.2s cubic-bezier(.41,.24,.64,.69) infinite;
animation-duration: .6s;
}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes spin{0%{-moz-transform:rotate(0);transform:rotate(0)}
100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-ms-keyframes spin{0%{-ms-transform:rotate(0);transform:rotate(0)}
100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
body.all {
padding-top: 0;
height: 100vh;
overflow: hidden;
/*.header .brand a {
color:#fff;
}*/
.by {
display:none;
}
.map_3d_container {
height:100vh;
}
.vignette {
opacity:0.9;
}
.map_dimmer {
background-color:rgb(24,24,24);
opacity:0.7;
}
}
.all-trips-page-info {
color:#fff;
font-weight:var(--bold);
position:fixed;
bottom:1em;
left:1em;
z-index:101;
}
.all-trips-page-info a {
color:#fff;
border-bottom:1px solid;
}
.trips_container .trips tr.trip {
display:none;
}
div#most-overlaps .user-crossed,
div#friends .friend,
div#followers .follower,
div#following .followingUser {
display:none;
}
div#most-overlaps .user-crossed.show,
div#friends .friend.show,
div#followers .follower.show,
div#following .followingUser.show {
display:inline-block;
}
.trips_container .trips tr.tr-expand-all-trips {
display:table-row;
}
.trips_container .trips tr.tr-expand-all-trips td {
font-weight:var(--bold);
text-align:center;
}
.trips_container .trips tr.tr-expand-all-trips td:hover {
background:inherit;
}
.trips_container .trips tr.tr-expand-all-trips .button {
padding:1em;
display:block;
width:100%;
}
.action-expand-all {
display:block;
margin:1em auto;
padding:1em;
width:calc(100% - 2em);
text-align:center !important;
}
div.bio {
margin:0 auto;
max-width:600px;
margin-top:0em;
font-weight:400;
margin-top:0.75em;
margin-bottom:1em;
font-size:1.1em;
padding-left:1em;
padding-right:1em;
}
div .bio a {
font-weight:inherit;
color:var(--brand-color);
}
.bio a:hover {
border-bottom:1px solid var(--brand-color) !important;
}
tr.trip.trip-gap {
border-top: 1px dashed rgb(225,225,225);
border-bottom: 1px dashed rgb(225,225,225);
}
tr.trip.trip-gap {
}
tr.trip.trip-gap:hover {
opacity:1;
}
tr.trip td .button {
display:inline-block;
}
tr.trip td.image {
text-align:center;
padding:4px;
}
tr.trip td.image .emoji {
font-size:1.5em;
width:100%;
text-align:center;
line-height:1.75;
vertical-align:middle;
}
html.people-frontpage .content h2:first-of-type {
margin-top:1em;
}
html.people-frontpage .content .avatar.big:hover {
opacity:0.75;
}
html.people-frontpage .content .avatar.big:active {
opacity:0.5;
}
html .content p a:not(.avatar),
html .content .link,
html.people-frontpage .content p a:not(.avatar) {
}
html.people-frontpage .content p a:hover {
color:var(--brand-color);
}
div.datedropper .picker,
div.datedropper .picker ul.pick li,
div.datedropper .picker ul.pick li.pick-sl,
.datepicker {
font-family:'Nunito',sans-serif !important;
}
.map_dimmer {
position:absolute;
top:0;
left:0;
background:rgba(0,0,0,0.3);
background:rgba(34, 34, 34, 0.7);
background:rgb(34,34,34);
opacity:0.2;
width:100%;
height:100%;
pointer-events: none;
z-index:1;
}
html.userProfile .header-user-avatar,
html.userProfile .header .brand {
pointer-events:initial;
}
html:not(.logged-in) .header .button.action-sign-up {
display:block;
}
html.userProfile .top-user-box {
pointer-events:none;
}
html.userProfile .top-user-box *,
html.userProfile .top-user-box .avatar,
html.userProfile .top-user-box .button,
html.userProfile .top-user-box .username-box {
pointer-events:initial;
}
html.userProfile .trip_city_container {
display:inline-block;
position:relative;
margin-right:14px;
}
html.userProfile .trip_city_container .autocomplete {
box-shadow:5px 5px rgba(0,0,0,.1);
box-shadow:0 6px 6px rgba(0,0,0,0.25);
position:absolute;
border-left:1px solid var(--input-border-color);
border-right:1px solid var(--input-border-color);
left:0;
margin:7px;
top:2.3em;
z-index:2;
overflow:hidden;
background:var(--input-background-color);
border-bottom:1px solid var(--input-border-color);
border-radius:6px;
display:none;
border-top-left-radius:0;
border-top-right-radius:0;
max-height:16.5em;
overflow-y:scroll;
margin-top:calc(0.5em - 1px);
width:100%;
}
html.userProfile .trip_city_container .autocomplete div {
font-size:13px;
}
html.userProfile .trip_city_container .autocomplete div {
color:var(--input-text-color);
border-top:1px solid var(--input-border-color);
overflow:hidden;
cursor:pointer;
padding:0.5em;
display:block;
padding-left:1em;
text-align:left;
}
html.userProfile .trip_city_container .autocomplete div.hover,
html.userProfile .trip_city_container .autocomplete div:hover {
background:var(--input-hover-color);
}
html.userProfile .trip_city_container .autocomplete div:active {
background:var(--input-active-color);
}
.continents_collected div,
.flags_collected div {
width:100%;
max-width:70em;
margin:0 auto;
font-size:5em;
pading:14px;
line-height:1.25;
}
.continents_collected div span,
.flags_collected div span {
display:inline-block;
margin-bottom:-0.5em;
}
.flags_collected div span {
transform:rotate(12deg);
}
@media (max-width:600px) {
.continents_collected div,
.flags_collected div {
font-size:4em;
}
}
@media (max-width:400px) {
.location {
display:none;
}
}
.trips_container .trips tr.trip {
font-size:15px;
}
@media (max-width:600px) {
.trips_container .trips tr.trip {
font-size:13px;
}
}
.map_2d_container,
.map {
background-color:var(--map-background-color);
}
.mapboxgl-canvas-container:first-of-type {
display:none;
}
.map_2d_container .animation_year {
color:#fff;
position:absolute;
top:14px;
right:14px;
font-weight:var(--bold);
font-size:2em;
z-index:55;
}
body.playing-map .map_3d_container {
height:100%;
}
body.playing-map {
padding-bottom:0;
}
body.playing-map .header .avatar,
body.playing-map .by,
body.playing-map .map_2d_container .zoom_buttons,
body.playing-map .by-a,
body.playing-map .location,
body.playing-map .top-user-box,
body.playing-map .content {
display:none;
}
.action-play-map {
position:absolute;
bottom:70px;
left:14px;
z-index:101;
margin:0;
}
.action-toggle-fullscreen-map {
position:absolute;
bottom:14px;;
left:75px;
z-index:101;
margin:0;
}
.action-toggle-3d {
position:absolute;
bottom:14px;;
left:14px;
z-index:101;
margin:0;
}
body:not(.playing-map) .animation_year {
display:none;
}
.match-settings {
color:var(--global-text-color);
max-width:60em;
margin:auto;
pointer-events:initial;
}
.match-settings span {
margin-left:0.25em;
margin-right:0.25em;
font-weight:700;
background:var(--input-background-color);
}
body.self .match-settings span {
cursor:pointer;
}
body.self .match-settings span:hover {
background-color:var(--input-hover-color);
}
body.self .match-settings span.active {
background-color:var(--brand-color);
color:var(--input-background-color);
}
body:not(.self) .match-settings span.match {
display:inline-block;
}
body:not(.self) .match-settings span.match.active {
background-color: var(--input-background-color);
}
.match-settings span:not(.active) {
display:none;
}
body.self .match-settings span:not(.active) {
/*border:1px solid var(--input-border-color) !important;*/
display:inline-block;
background:var(--input-background-color);
/*background-color:var(--input-active-color);*/
}
body.self .match-settings span:active {
opacity:0.75;
}
tr td.overlap {
max-width:300px;
padding:7px;
}
tr.current td.overlap .avatar.alreadyLeft,
tr.expanded-overlaps td.overlap .avatar.alreadyLeft {
filter:saturate(0%);
opacity:0.25;
}
tr.current td.overlap .avatar.comingSoon,
tr.expanded-overlaps td.overlap .avatar.comingSoon {
}
td.overlap .avatar.match:after {
font-size:0.75em !important;
background:none;
padding:0;
right:-0.5em;
background: var(--global-background-color);
text-align: center;
width: 1.5em;
height: 1.5em;
padding: 0.25em;
border:1px solid var(--input-border-color);
}
td.overlap .avatar {
background-color:var(--input-background-color);
}
.trips .avatar img {
display:inline-block;
width:100%;
height:100%;
border-radius:100%;
object-fit:cover;
/*border:1px solid var(--input-border-color);*/
box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
}
html.people-frontpage .content .avatar.match:after {
padding:0.125em;
}
.chat .msg-box {
padding:0.175em;
}
.chat-box .text-box,
.chat .msg {
color:#1e1e1e;
}
.chat .msg {
margin-top:-0.2em;
font-size: 15px;
}
.chat .img {
background-color:#f8f8f8;
vertical-align:middle;
display:inline-block;
width: 2.4em;
height: 2.4em;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 100%;
display: inline-block;
vertical-align: top;
margin-right: 0.65em;
}
.chat .message {
}
.chat .message {
display:inline-block;
vertical-align:top;
width:calc(100% - 4em);
}
.chat .username {
display:inline-block;
font-weight:var(--bold);
line-height:1;
color:#4c4c4c;
font-size: 15px;
color:#292929;
vertical-align: top;
}
.chat .time {
display: inline-block;
color: #949494;
font-size: 0.85em;
line-height: 1;
margin-left: 0em;
vertical-align: top;
margin-top: 0.15em;
}
.chat {
background: #fff;
border: 1px solid #efefef;
padding: 1em;
border-radius: 5px;
background: #fff;
text-decoration: none;
font-weight: unset !important;
display: block;
text-align:left;
}
@media (max-width:75em) {
.chat {
border-radius:none;
border-left:none;
border-right:none;
}
}
.chat .message .linked-username {
background: #eef7fc;
border-radius: 5px;
padding: 2px;
color: #2a80b9;
border: none;
text-decoration: none;
}
.chat .message .emoji {
width:1.5em;
height:1.5em;
}
.places .place {
width:150px;
height:150px;
margin:1em;
border-radius:6px;
background-size:cover;
background-position:center center;
border: 1px solid #ededed;
display:inline-block;
}
.chat:hover,
.places .place:hover {
opacity:0.75;
}
.chat:active,
.places .place:active {
opacity:0.5;
}
.brand-logo {
background-color:#fff;
border: 1px solid var(--input-border-color);
width: 2em;
height: 2em;
display: inline-block;
border-radius: 100%;
background-size: cover;
vertical-align: middle;
margin-right: 0.5em;
background-position: center center;
}
.match-settings span {
display:inline-block;
border:1px solid var(--input-border-color);
padding:7px;
border-radius:6px;
border-radius:100px;
margin:0.5em;
color:var(--input-text-color);
/*font-size:0.8em;
text-transform:uppercase;*/
font-size:0.9em;
font-weight:var(--bold);
min-width:10em;
}
.plane_3d {
pointer-events:none;
width:20px;
height:12px;
background-size:cover;
background-image:url('/assets/3d-plane.png');
z-index:50;
position:absolute;
top:50%;
left:50%;
opacity:0;
}
.plane_3d.flipped {
background-image:url('/assets/3d-plane-flipped.png');
}
.plane_3d:after {
content:'';
width:100%;
height:100%;
background-size:cover;
z-index:49;
margin-top:25px;
position:absolute;
top:50%;
left:50%;
opacity:0.5;
}
.plane_3d:not(.flipped):after {
background-image:url('/assets/3d-plane-shadow.png');
}
.plane_3d.flipped:after {
background-image:url('/assets/3d-plane-shadow-flipped.png');
}
tr.divider td,
tr.year td {
text-align: center;
position:relative;
}
tr.divider td:hover,
tr.year:hover {
background:none !important;
}
tr.divider td .divider,
tr.year td .divider {
border-bottom:1px solid var(--input-border-color);
width:100%;
height:1px;
top:50%;
left:0;
position:absolute;
transform:translateY(-50%);
z-index:-1;
}
tr.divider td span,
tr.year td span {
padding-left:0.5em;
padding-right:0.5em;
background:var(--input-background-color);
font-size:0.75em;
color:var(--input-text-color);
border:1px solid var(--input-border-color);
border-radius:6px;
}
.notice.onboarding {
display:none;
}
body.no-trips .notice.onboarding {
display:block;
}
.notice.onboarding {
padding:28px;
}
.notice.onboarding p:first-child {
margin-top:7px;
}
.notice.onboarding a {
color:var(--brand-color);
font-weight:var(--bold) !important;
}
.notice.onboarding .button {
display:block;
margin:0;
margin-top:28px;
}
.trip_editor .action-edit-cancel-trip {
display:none;
}
.trip_editor.trip_editing .action-edit-cancel-trip,
.trip_editor.trip_editor_add_below .action-edit-cancel-trip {
display:inline-block;
}
.button {
box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
}
body.userProfile .tags:not(.expanded) {
max-height:165px;
overflow:hidden;
margin-bottom:28px;
position:relative;
padding-top:14px;
}
body.userProfile .tags .bottom-gradient {
position:absolute;
bottom:0;
left:0;
width:100%;
height:200px;
background: -moz-linear-gradient(top, rgba(241,241,241,0) 0%, rgba(241,241,241,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(241,241,241,0) 0%,rgba(241,241,241,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(241,241,241,0) 0%,rgba(241,241,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,var(--global-background-color) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
html.dark body.userProfile .tags .bottom-gradient {
background: -moz-linear-gradient(top, rgba(29,29,29,0) 0%, rgba(29,29,29,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(29,29,29,0) 0%,rgba(29,29,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(29,29,29,0) 0%,rgba(29,29,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
body.userProfile .tags .bottom-gradient .button {
width: 100%;
margin: 0;
bottom:0;
left:0;
position:absolute;
}
@media (max-width:800px) {
.location {
display:none;
}
}
.trips_container .trips tr.note.show,
.trips_container .trips tr.trip.show {
display:table-row;
}
body.expand-all-trips tr.trip {
display:table-row !important;
}
.by-a {
display:none;
}
table.trips td {
vertical-align:top;
}
table.trips td img,
table.trips td a,
table.trips td div,
table.trips td span {
vertical-align:middle;
}
html.people-frontpage .content {
padding:28px !important;
}
.slider_container {
display:none !important;
}
.header {
border-bottom:none;
}
tr.has-overlaps-with-you td,
span.highlighted {
background-color:var(--highlight-background-color);
color:var(--global-background-color);
}
html.dark span.highlighted {
color:var(global-background-color);
}
a.action-open-city-from-img:hover {
opacity:0.75;
}
a.action-open-city-from-img:active {
opacity:0.5;
}
.content p {
max-width:700px;
max-width:1100px;
margin:14px auto;
padding:14px;
}
.content img.lazyload {
opacity:1;
}
html,body,
html.embed .map_2d_container,
html.embed .map_3d_container {
height:100%;
padding:0 !important;
margin:0 !important;
}
html.embed {
background:#080a15 !important;
}
html.embed .big-avatar {
display:none !important;
}
html.embed .header {
display:none !important;
}
@media (max-width:500px) {
td.image {
padding-top:14px;
}
td.image .img, td.image img {
width:3.5em;
height:3.5em;
object-fit:cover;
}
}
.map_dimmer {
display:none !important;
}
html.has-head-image .header {
/*background: -moz-linear-gradient(top, rgba(181,217,244,1) 0%, rgba(181,217,244,0) 100%) !important;
background: -webkit-linear-gradient(top, rgba(181,217,244,1) 0%,rgba(181,217,244,0) 100%) !important;
background: linear-gradient(to bottom, rgba(181,217,244,1) 0%,rgba(181,217,244,0) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ) !important;
*/
background: none !important;
}
html.dark.has-head-image .header {
background: -moz-linear-gradient(top, rgba(31,31,31,1) 0%, rgba(31,31,31,0) 100%) !important;
background: -webkit-linear-gradient(top, rgba(31,31,31,1) 0%,rgba(31,31,31,0) 100%) !important;
background: linear-gradient(to bottom, rgba(31,31,31,1) 0%,rgba(31,31,31,0) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ) !important;
}
.big-avatar.online:after {
content:' ';
width:25px;
height:25px;
border:4px solid var(--global-background-color);
background:#2bde73;
border-radius:100%;
position:absolute;
bottom:5px;
right:33px;
z-index:3;
}
@media (max-width:600px) {
.big-avatar.online:after {
bottom:5px;
right:5px;
}
}
html.nomadtrips .header a.nav-item {
text-shadow:1px 1px 0 rgba(0,0,0,.35);
}
table.trips td.trip_note {
text-align:center;
}
table.trips td.trip_note p {
max-width: 800px;
margin: 0 auto;
display: block;
background: var(--input-background-color);
border-radius: 5px;
padding: 14px;
margin: 7px auto;
font-size: 14px;
margin-top: 0;
margin-bottom:28px;
}
html.dark .mapboxgl-map {
background:#1a1a1b;
}
table.trips tr.trip-groups-divider {
/*table.trips tr.trip td {*/
border-top: 1px solid var(--input-border-color);
}
.map_size_container_drag_resize {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: row-resize;
background: none;
width: 100vw;
margin-top: -2.5vw;
height: 20px;
position: absolute;
z-index: 100;
}
/* for export as image map */
html.map_only .canny,
html.map_only svg.wave {
display: none;
}
html.map_only .zoom_buttons,
html.map_only.screenshot .zoom_buttons,
html.map_only .map_2d_container .location,
html.map_only .header,
html.map_only .currency-switcher-floater,
html.map_only .im_popup,
html.map_only .button,
html.map_only .top-user-box,
html.map_only .content,
html.map_only .feedback-popup,
html.map_only .map_size_container_drag_resize {
display: none;
}
html .map_only_branding {
display: none;
}
html.map_only .map_only_branding {
display: block;
position: absolute;
top: 14px;
left: 0;
color: #fff;
font-weight: 800;
font-size: 30px;
z-index: 100;
text-shadow: 1px 1px 1px #000, 0px 0px 1px #000, 1px 1px 50px #000;
cursor: pointer;
text-align:center;
width:100%;
}
@media (max-width:600px) {
html.map_only .map_only_branding {
font-size:24px;
}
}
html.map_only .map_only_branding.bottom {
top:auto;
/* bottom:14px;*/
bottom:64px;
}
html.map_only .map_only_branding:hover {
opacity: 0.75;
}
html.map_only .map_only_branding:active {
opacity: 0.5;
}
html.map_only .map_only_branding img {
width: 40px;
height: 40px;
border-radius: 100%;
display: inline-block;
vertical-align: middle;
}
html.map_only .map_only_branding span {
display: inline-block;
}
html.map_only .map_size_container {
height: 100vh;
}
tr.notice-trips-dont-connect,
tr.notice-trips-dont-connect td,
tr.notice-trips-dont-connect span {
cursor: pointer;
}
.notice-trips-dont-connect:hover {
opacity: 0.75;
}
.notice-trips-dont-connect:active {
opacity: 0.5;
}
.map_2d_container svg.wave {
position:absolute;
bottom:-5vw;
left:-10px;
z-index:100;
width:105vw;
fill:var(--global-background-color);
}
html.pageType-nomadtrips body {
overflow: initial;
}
.mapboxgl-ctrl-bottom-left {
top:auto !important;
bottom:120px !important;
left: 7px !important;
}
.mapboxgl-ctrl-bottom-right {
top:auto !important;
bottom:101px !important;
right: 82px !important;
}
html.map_only .mapboxgl-ctrl-bottom-left {
top:auto !important;
bottom:70px !important;
left: 7px !important;
}
html.map_only .mapboxgl-ctrl-bottom-right {
top:auto !important;
bottom:74px !important;
right: 0 !important;
}