/* 
  2015 CSS - for 320width and above
#E74C3C - red offset
#F1DA36 - yellow highlight 
#95A5A6 - greyish
#34495E - headings
#4A5F74 - lighter nav colour
d9534f - red
*/

@media only screen and (min-device-width : 320px) and (max-device-width : 524px) {
     html {
        -webkit-text-size-adjust: 100%;
     }
}

*, *:before, *:after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  margin:0;
  padding:0;
}
html {
	font-size:100%;
}
body {
	background-color:#fff;
	color:#111;	
	font-family:"Open Sans",Helvetica,Arial;
	font-size:1rem;
	margin:0 0 0 0;
}


 

a {
	color:#2c3e50; /*2c3e50*/
	text-decoration:none;
	transition:color 0.3s ease-in;
}

a:hover {
	color:#000000;
	text-decoration:underline;
}

/*img {pointer-events: none;}*/


h1 {display:none;}


header {
	background:#4A5F74;
	border-bottom:2px solid #2C3E50;/*2C3E50;*/
	height:45px;
	margin:0;
	padding:0 0;
	width:100%;
	z-index:9999;
position:relative;
}


.sprite {
	background-image:url('/assets/images/trainlogger_sprites.png?2');
	background-repeat:no-repeat;
}

.logo {
	background-position:0 50%;
	direction:ltr;
	float:left;
	height:44px;
	margin:0;
	overflow:hidden;
	text-indent:-999px;
 	width:calc(100% - 230px);
	max-width:190px;
	background-size:100% auto;
	background-image:url('/assets/images/home.png?2') 

}
	
/* navigation */	
nav {
	background:#e6edf0;
	border-bottom:2px solid #0e475a;
	box-shadow:0 0 3px #0e475a;
	color:#043a49;
	display:none;
	font-weight:300;
	margin:0;
	padding:10px;
	width:100%;
	z-index:15;
	position:absolute;
	top:45px;
}


.nav {clear:both;display:flex;flex-wrap:wrap;-webkit-gap:12px;gap:12px;margin:10px 0 0 0;}



.nav-item {
	background:#fff;
	border:1px solid #b4cbd2;
	border-radius:6px;
	display:block;
	font-size:1rem;
	padding:8px 8px;
	position:relative;
	width:calc(50% - 6px);
	box-shadow:-2px 2px 4px #b4cbd2;
	color:#043a49;
}

.nav-item:hover {
		border:1px solid #043a49;
}

.nav-gg {width:100%;border:1px solid red;}

.nav-link {font-weight:700;padding:0 4px 4px;margin:0 0 0;border-bottom:1px solid #b4cbd2; }

.sub-item {display:block;padding:4px 4px;;line-height:1.2;margin:0 0 2px; 	position:relative;color:#043a49;}

.sub-item__do {font-weight:600;background:#e6edf0;}
.sub-item__f {color:#000;background:#fbecef;}
.sub-item .notification {right:1px;}

.sudiv {margin-top:8px; }

.nav a {display:block;color:inherit}

.ubasic .nav-u a {color:#aaa;font-style:italic;border-left:3px solid #fad300;margin:3px 0;padding:0px 6px}
.ubasic .navi-u .nav-link {color: #fad300;}

.nav-uu a {font-weight:600;color:#000;}
.crumbs {display:none;}

.notification {background:#e74c3c;color:#fff;font-weight:700;font-size:11px;display:block;padding:0 2px;position:absolute;top:4px;right:5px;line-height:14px;box-shadow:0 0 2px #000;min-width:14px;border-radius:6px;text-align:center;text-indent:0;}



 .xnav-link {width:110px;float:left;text-align:right}
 .xsub {width:calc(100% - 120px);float:right;}










/* footer */
footer {
	background:#F5F8FA;
	border-top:3px solid #d1d4d6;
	clear:both;
	margin:60px 0 0 0;
	padding:20px 0;
	width:100%;
	z-index:5;
}
#body2 #footer {margin-top:0;}

.footer-heading {
	font-size:0.92rem;
	font-weight:400;
	padding:0 2px 5px;
	margin:0 8px 5px;
	border-bottom:1px solid #d1d4d6;

}

.footer-item {
	font-size:0.9rem;
	padding:3px 10px;
}
footer .grid {padding-bottom:16px;}


/* main area */

.body {
  line-height:1.4;
  margin:0 auto; 
  padding: 0;
  text-align:left;
}

.body__signup {
	background:#ECEFFB;	
	border-top: 3px solid #d4dFe6;
}
.body__form {
	background:#ECEFFB;	
	border-top: 3px solid #d4dFe6;
	border-bottom: 3px solid #d4dFe6;
	
}

.body__features {
	background:#FFF;	
	border-top: 3px solid #d4dFe6;
}

/* tags */


.clauses a,
p a {color:#0149dd;}

abbr, 
acronym {
    border-bottom: none;
}

.bold,
b,
strong{
	font-weight:700;
}

.heading1,
h2 {
	clear:both;
	color:#043a49;
	font-size:1.33rem;
	font-weight:700;
    line-height:1.2;
	margin:0 0 0.6em 0;
	padding:10px;
}
	.dropdown-title {margin:0;display:none;}


	
.heading2 {
	border-bottom:1px solid #4A5F74 ;
	font-size:1.2rem;
	font-weight:300;
	margin:0 5px 2px;
	padding:0 5px;
}
	
.title {
	border-style:solid;
	border-width:0 0 2px 0;
	color:#2C3E50;
    clear:both;
	font-size:1.1rem;
	font-weight:400;
	margin:0.9em 0 0;
	padding:2px 10px;
}

.title span {font-size:0.8rem;color:#4A5F74}

	.title__form {
		background:#EFF1FC;
		border-bottom:1px solid #bbd0e5;
		color:#34495E;	
		font-size:1.1rem;
		font-weight:400;
		margin:0;
		padding:10px;
	}
	.title__gap {
		margin:0.9em 5px 0;
		padding:2px 5px;
		border-width:0 0 1px 0;
	}
	
	.t24 .item__category .title__graphic {
		background-color:#075369;
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:100% auto;
		border-top:2px solid #0e475a;
		border-bottom:2px solid #0e475a;
		color:#e6edf0;
		font-weight:bold;
		text-shadow:1px 1px 3px #000;
		margin-top:2rem;
		padding:25px 7px;
	}
	
	.title__graphic a {color:inherit;}
	.title__graphic span {color:inherit;line-height:1;font-weight:400;display:block;}
	
	.categories-list__100 .title__graphic {color:#FFF;border-color:#000}
	
	
	tr .title__gap {padding:0.9em 10px 0.4em;color:#000;font-weight:400;border-bottom:2px solid #0e475a;}
	tr + tr .title__gap {padding:1.9em 10px 0.4em;border-top:1px solid #0e475a;}
	
	p + .title,
	li + .title {padding-top:1.5em;}
	
	p + .form-box,
	table + .form-box
	 {margin-top:2em;}

	h3 + p,
	ul + .footer-heading,
	.title + .traininfo {padding-top:1em;}



/* train info */



.scroller {max-height:66vh;overflow-y:auto;margin:10px 5px;border:1px solid #eee;}
.scroller table {margin:0;}
.mini_button {position:absolute;top:0;right:-5px;transform:scale(0.8);margin:0!important}

.traininfo {clear:both;border-top:1px solid #eceffb;font-size:0}

.traininfo__v {display:none;}

.traininfo p {font-size:1.05rem;font-weight:300;}
.traininfo b {font-weight:500;font-size:0.9rem; }

.i-label {
	background:url('/assets/images/h5.svg') top right no-repeat #eceffb;
	clear:both;
	color:#34495E;
	display:inline-block;
 	margin:-1px 0 3px 0;
	padding:4px 24px 4px 10px;
	font-size:0.7rem;
	font-weight:600;
}

h5 {
	clear:both;
	color:#34495E;
 	margin:2px 0 3px 0;
	padding:4px 10px;
	font-size:0.7rem;
	font-weight:600;
}

h5 + p {margin:0 0 9px 0;}

p {
	font-weight:300;
  	margin:2px 0 1em 0;
	padding:0 10px;
	font-size:0.95rem;
}

p strong {display:block;}

	.p__small {font-size:0.85rem;color:#555;line-height:1.4;}
	
	.input + .p__small {margin:-20px 3px 0;clear:both;font-size:0.75em;line-height:1.1;padding:0}
	
	.intro {font-size:1.1rem;}
	.intro a {}
.clauses li {font-size:0.951rem;line-height:1.4;margin:1em 10px;font-weight:300;}
.clauses li li {list-style:disc;margin:1em;}

.list {margin:1em;}
.list li {font-size:1rem;line-height:1.4;margin:2px 1em;font-weight:300;list-style:disc}


.nom {font-size:1.1rem;color:#fff!important;;background:#34495e;border-radius:50%;line-height:30px;height:30px;width:30px;display:inline-block;text-align:center;margin-right:6px;}
.greened_out .nom {background:#345e49;}
/* forms */
form {
	display:inline;
}

fieldset {
	position:relative;
	border:0;
	margin:0;
	padding:5px 10px;
}
	.fieldset__payment {
		padding:0;
		text-align:center;
	}
.required label {font-weight:700;}	

label {
	display:block;
	float:left;
	font-size:0.9rem;
	font-weight:400;
	margin: 6px 0 0;
	padding-right:10px;
	text-align:left;
	width:97%;
}

.label__album {margin:0 0 3px;font-weight:400;}
.la__sm {font-size:0.75rem;font-weight:300}

.album_row {border-bottom:1px solid #BBD0E5;padding:5px 0;}

label span {font-size:0.8rem;font-weight:400;color:#333;}

.baduser {padding:3px 10px;color:#fff;}
.baduser label {color:#fff;margin-top:5px;}

.sightings_warning {position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(50,0,0,0.95);color:#fff;}
.sightings_warning p {padding:5px 12px;font-size:1rem;
background-image: url("/assets/images/icon_q.png");
background-position: 8px 8px;
background-repeaT: no-repeat;
padding-left: 44px;

}
.sightings_warning button {position:absolute;bottom:5px;right:10px;}
.sightings_warning a {color:#fff;}

	.label__filter {
		clear:both;
		display:inline;
		line-height:28px;
		font-size:0.8rem;
		width:29%;
		margin:0 0 5px 0;
	}
	.label__option {
		clear:none;
		display:inline;
		line-height:16px;
		font-size:0.7rem;
		width:49%;
		margin:0 0 3px 0;
		height:20px;overflow:hidden
	}
	.filter_title {
		color:#194FB8;
		display:block;
		float:none;
		margin:0;
		padding:0;
		width:auto;
	}
	
.inplace_field,
.input {
	border:1px solid #4A5F74;
	border-radius:3px;
	color:#333;
	display:block;
	font-family:inherit;
	font-size:0.9rem;
	float:left;
    line-height:1.6;
	margin:3px 0 6px 0;
	padding:3px 6px;
	transition:box-shadow 0.3s ease-in,border 0.3s ease-in;
	width:100%;
}
	.input__search {
		background-color:#ffffff;
/*		border-color:#D4D7D9;*/
border:none;
		font-size:1rem;
		margin:0 0;
		padding:4px 8px;
		-webkit-appearance: none;
	}
	.input__dropdown {
/*		border-color:#D4D7D9;*/
		font-size:1rem;
		padding:4px 8px;
		margin:5px 0;
	}
	.input__filter {
		padding:3px;
		float:right;
		font-size:0.8rem;
		height:27px;
		margin:0 0 5px 0;
		-webkit-appearance:menulist;
		width:70%;	
	}
	
.button {
	background-color:#4A5F74;
	background-image:url('/assets/images/sprites_buttons.png?4');
	background-repeat:no-repeat;
	background-position:right 0;
	background-size:30px 480px;
	border:1px solid #2C3E50;
	border-radius:3px;
	box-shadow:0 0 1px #999;
	clear:both;
	color:#fff;
	cursor:pointer;
	float:right;
	font-size:0.9rem;
	font-weight:400;
	margin:3px 0 8px 12px;
	padding:0 40px 0 10px;
	height:30px;
	line-height:28px;
	transition:background-color 0.3s ease-in,border-radius 0.3s ease-in;
	text-transform:capitalize;
	text-shadow:1px 1px 2px #000;
	-webkit-appearance: none;
}
.button:hover {
	background-color:#2c3e50;
	border-radius:0;
	color:#fff;
	text-decoration:none;
}
.button-delete:hover {background-color:#500000;}
	
.button-save {background-position:right -30px;}
.button-invite {background-position:right -60px;}
.button-haulage {background-position:right -90px;}
.button-delete {background-position:right -120px;background-color:#740000;border-color:#740000;}
.button-photo {background-position:right -150px;}
.button-people {background-position:right -180px;}
.button-person {background-position:right -210px;}
.button-speech {background-position:right -240px;}
.button-cover {background-position:right -270px;}
.button-filter {background-position:right -300px;float:right;}
.button-upgrade {background-position:right -330px;}
.button-coaches {background-position:right -360px;}
.button-edit {background-position:right -390px;}
.button-log {background-position:right -420px;}
.button-video {background-position:right -450px;}

	.button span {color:#f1da36;}

p .button {float:left;margin-left:0;}
.button__p {float:none;margin:10px 0 20px;}

.button:disabled {background-color:#747474;opacity:0.8;}

textarea {
	height:150px;
}
	.haulage-input {
		height:87px;	
	}


.input:focus {
	border-color:#000000;
	box-shadow:0 0 5px #4A5F74;
}
	.input__search:focus {
		border-color:#999;	
	}
.field {
	clear:both;
}
.field__dt {float:left;clear:none;padding-right:10px;}
	.field__error {background:#FFEDE9;color:#A9231F;padding:3px 5px;margin:0 0 10px;border:1px solid #A9231F;border-radius:3px;}

.payment_button {margin:8px 0 0;box-shadow:0 0 1px #000;}


/* search */

.searchbox {border:1px solid #34495E;border-radius:6px;background:#fff;padding:3px;margin:0 0 3px 0;}
.input__search {float:left;width:calc(100% - 36px);}
.button__search {float:right;overflow:hidden;text-indent:-999px;width:32px;background-color:#fff;border:0px solid #289ad0;height:32px;margin:0;background-position:-8px -267px;cursor:pointer;}





.detailsunknown {transition:opacity 0.3s ease-in;}
.disabled {opacity:0.3;}
fieldset .p__small {clear:both;margin-top:0}


.cl {
display:block;xfloat:left;width:85px;overflow:hidden;;padding:5px;margin:5px 0 0 5px;border:1px dotted #aaa;
color:#000;
transition:background 0.2s ease-in;
position:relative;
}
.cl input {display:none}

.cl0{	background-color:rgba(92,184,92,0.2);}
.cl1 {	background-color:rgba(217,83,79,0.2);}
	.clx {background:#dfecf5}

/* tagger */
.tagsinput { border:1px solid #4A5F74; background: #FFF;margin:3px 0 8px 0; padding:4px 4px 0 4px; width:100%; height:150px; overflow-y: auto;float:right;border-radius:3px;}
.tagsinput span {max-width:400px;}
.tagsinput .tag {border-radius:3px; display: block; float: left; padding:3px 5px; text-decoration:none; background: #5cb85c;background: #BBD0E5 ;color: #000000;  margin:0 5px 5px 0;  max-width:400px;transition:background 0.3s ease-in;position:relative;font-size:0.9rem;;}
.tagsinput .tag a {position:absolute;top:0;right:0; font-weight: bold; color: #4A5F74; text-decoration:none; font-size: 9px; padding:0 2px } 
.tagsinput .tag:hover {background:#c0392b;color:#ffffff;}
.tagsinput .tag:hover a {color:#fff;}
.tagsinput input { width:120px!important; margin:1px 5px 5px 0;  border:1px solid transparent; padding:2px 5px; background: transparent;    margin-right:5px; margin-bottom:5px; font-size:0.9rem;}
.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0; }
.not_valid {background: #ec0016; color: #fff;}

div#photo_location {clear:both;}
div#photo_location ul {max-height:200px;overflow:auto;border:1px solid #d4d7d9;}
div#photo_location li {cursor:pointer;}

/* fitlering */
.paging,
.filtering {
	background:#F5F8FA;
	border-bottom:1px solid #d4d7d9;
	border-top:1px solid #d4d7d9;
	line-height:30px;
	margin:1em 0;
	padding:5px 10px;
}





.paging li {display:inline-block;margin-right:10px;}
.page-this {font-weight:bold;}

.paging-upgrade {
	background:#f5f5f5;
	border-bottom:1px solid #d4d4d4 ;
	border-top:1px solid #d4d4d4 ;
	line-height:30px;
	margin:1em 0;
	padding:5px 10px;
}

.paging li {display:inline-block;margin-right:10px;}
.page-this {font-weight:bold;}

.tags {font-size:1.1rem;}
.w5,
.w4 {font-size:1.0rem;}
.w3 {font-size:1.0rem;}
.w2 {font-size:0.9rem;}
.w1 {font-size:0.8rem;}

/* list tables */
table {
	border:0;
	border-spacing: 0;
	border-top:1px solid #2c3e50;
	border-bottom:0;
	color:#000;
	empty-cells: show;
	font-size:0.85rem;
	margin:1em 0;
	width:100%;position:relative;
}



thead {position:sticky;top:50px;width:100%;z-index:2}
.title + table {
margin-top:0;
border-top:0;
}

th {vertical-align:top;}
th span {font-weight:300;display:block;}
tr {

	font-weight:100;
} 


.seenish   {
	background-color:#eceff1; 
	color:#4A5F74;
} 
.seen   {
	background-color:#dfecf5; 
	color:#000;
} 

.category.sugg-1,
.c-seen11,
.seen:hover {
	background-color:rgba(92,184,92,0.2);
}
.category.sugg-3,
.category.sugg-2,
.c-seen10,
.unseen:hover {
	background-color:rgba(217,83,79,0.2);
}	
td a {color:inherit;}

.unseen {
	color:#900;
	background-color:#fff; 
}

.linkseen {
	color:#900;
	background-color:#fff; 
	opacity:0.6
}


.deleted {background:#ec0016;color:white;}

.forum_post.status-0,
.category.statusX,
.statusE,
.statusD,
.statusZ,
.statusQ,
.statusX {
	background-color:#ddd;
}

.toEdit {
	color:#900;
	background:#fee;
}
.statusE.seen,
.statusX.seen {color:#060;}

.statusN {color:#111;opacity:0.8}

.toEdit td.eip, 
.toEdit .eip input {width:100px!important;}


.ticked {background:#f5e8df;}

td {
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #BBD0E5;
	line-height:1.3;
	margin:0;
	padding:3px;
	position:relative;
}
	.t-number {
		font-size:1.3rem;
		font-weight:400;
		padding:3px 8px;
		text-align:left;
		width:90px;
	}
	.t-tick {width:26px;}
	.t-edit {width:50px;text-align:right;padding:3px 8px;font-size:0.8rem}

.edit_button,
	.t-edit a {color:#fff!important;background:#075369;font-weight:600;border-radius:3px;display:inline-block;font-size:12px;padding:3px 5px;text-align:center;}
.edit_button:hover,
	.t-edit a:hover {background:#0e475a;}



	
	.t-counts {width:80px;}
	
	.t-ob-time {width:50px;}
	.t-ob-number {width:70px;}
	
	.t-name {
		font-style:italic;
	}
	.t-name,
	.t-date,
	.t-place,
	.keydate,
	.s-first,
	.s-last {font-weight:700;;}
	.t-date a,
	.s-first a,
	.s-last a {font-weight:400;}


.seen-count {display:none;}
.total-counter { display:block;line-height:16px;widthx:15px;/*height:16px;*/padding:3px 5px;text-align:left;color:#fff;background:#5cb85c;font-size:0.75rem;border-radius:3px;margin:2px 0}
.tc__miles { background:#289ad0; }

.seenish .tc__seen {background:#ec0016;}
.seen .tc__seen {background:#5cb85c;}
	.t-date,
	.t-place {padding:3px 10px;}
	.td-gold {background-color:#fefcea;}
	
	
	.screen,
	.upgrade-basic,
	.upgrade-gold {text-align:center;width:30px;}
	
	td.screen {font-size:12px;}
	.table__upgrade td {padding:5px 6px;font-weight:300;}
	.table__upgrade b {color:#34495e;}
	.table__upgrade img {width:18px;}

	.t-photo {width:24px;}
	.icon__photo {display:block;height:30px;width:20px;text-indent:-999px;overflow:hidden;background:url("/assets/images/icon_camera_list.png") 0 50% no-repeat;;background-size:20px 20px;}



del {color:#c00;font-style:italic;}


/* sightings */
.tc {margin:4px 0;}
.z {color:#ccc;margin:0 0}
.search,
.haulage {color:#111;}
.z a {color:#111;}

.ccoaches {color:#333;font-size:0.9rem;border-top:1px solid #eceffb;margin:5px;padding:5px;opacity:0.8}

.basic .z a {color:#111;}

.highlight,
/*.gold*/ 

.z u {background-color:#3498db;color:#FFFFFF;border-radius:4px;padding:0 3px;text-decoration:none;;}
.z u.renum {background-color:transparent;color:inherit;border-radius:4px;padding:0 2px;border:2px solid #3498db;}

label.highlight {display:inline-block;margin:0 10px 5px 0;float:none;padding:3px;width:100px;font-weight:600;}
.highlight input {width:30px;}

label.xhighlight {display:inline-block;margin:0 10px 0px 0;float:none;padding:3px;width:auto;font-weight:400;}
.xhighlight input {width:20px;}

.z .year-haulage {font-weight:700;color:#111111;}
.z .alltime-haulage {background-color:#F1DA36;color:#000000;border-radius:4px;padding:0 3px;font-weight:700}


.z .noted {font-size:0.85em;  ;color:#777; }

.noted + a::before {
  content: "\A";
  white-space: pre;
}





.report-class {color:#34495e!important;display:inline-block;min-width:35px;font-weight:600;font-size:0.9em;}
.report-class {color:#34495e!important;display:inline-block; font-weight:600;font-size:1em; ;padding-left:0}
.flex_row .report-class { min-width:40px;max-width:111px; font-size:0.8em;padding-left:10px;padding-top:2px; text-align:left}

p.c a,
p.c a.alltime,
p.c a.year {color:#ec0016!important;}

.search b {background:#FeEA46;}



/* images */
.image {margin:0;display:block;border:1px solid #95A5A6;}
.photo {margin:0 auto 1em;width:100%;max-width:1202px;}

.bigphoto {position:relative;overflow:hidden;}



.photo.has_boxes {width:100%;max-height:auto;}
 
.identity_box {border:2px solid #fad300;position:absolute;background:rgba(0,0,0,0.3);color:rgba(0,0,0,0);font-weight:bold;padding:5px;font-size:12px;opacity:0.21;transition:all 0.1s ease-in;text-shadow:0 0 2px #000;cursor:pointer;text-align:center;}
/*.bigphoto:hover .identity_box {opacity:1;color:#fff;}
.bigphoto:hover */.identity_box:hover {opacity:1;color:#fff;}


.protege {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 999;
}

/* content */
.content {/*font-size:1em*/;line-height:1.6;color:#111;font-weight:300;}


/* edit */
.edit-train {border:1px solid #4A5F74;padding:0 10px 10px;margin:3px 10px 1em;}
	.et-this {background-color:#ECEFFB;}
	.et-nota {color:#900;border-color:#900;background-color:#fbEFec}
	.edit-train label {font-weight:700;}

	.flagged_photos {padding:10px;}

/* edit in place */
	.inplace_field {padding:0!important;width:100%;border:0;margin:0;background:#ffa;color:#000;}
	
	.eipA,
	.eipt,
	.eip {min-height:22px;background-color:rgba(255,255,230,0.7);transition:background-color 0.3s ease-in;background-image:url('/assets/images/eip.png') ;background-position:99% 50%;background-repeat:no-repeat;cursor:pointer;font-size:0.95rem;}
	
	.eipA {padding-right:40px;display:block;}
	
	td.eip {border:1px solid #bbd0e5;margin:1px;background:#F9F9FF;border-collapse:collapse;}
	.eipt {min-height:80px;}
	.eipt .inplace_field,
	.eip .inplace_field {width:95%;margin:1px 0;;}
	textarea.inplace_field {height:75px;}

/* messagebox */
.messagebox {border:none;background-color:#199eb8;background-position:10px 50%;background-repeat:no-repeat;padding:10px 40px;color:#fff;font-weight:400;margin:10px 5px;background-size:20px 20px;}
	.baduser,
	.bad  {background-color:#ec0016;}
	.good {background-color:#5cb85c;}
	.feint {background-color:#eceffb;color:#4a5f74;font-size:0.8rem;line-height:1.3;}

	.messagebox {background-image:url("/assets/images/icon_info.png");}
	.icon_sightings {background-image:url("/assets/images/icon_sightings.png")}
	.icon_photos {background-image:url("/assets/images/icon_camera.png")}
	.restricted  {border:1px solid #ccc!important;;color:#000;background-size:auto!important;}

	.flash {color:#000;margin:0;;padding:5px;font-size:0.85rem;background:#fad300;xdisplay:none;text-align:center}
	
	.otpnet {background:url('https://www.ontrackplant.com/apple-touch-icon.png') no-repeat bottom left #000;background-size:60px 60px;color:#fff;padding:10px 10px 10px 70px;line-height:1.2;border:0px solid #fad300;box-shadow:1px 1px 3px #fad300;}
	.otpnet strong {color:#fad300;}
	.mb__gg a,
	.otpnet a {font-weight:bold;}


.mb__gg {background:url('/assets/images/gg.jpg') no-repeat 5px 50% #f8f8f8;background-size:60px 60px!important;border:2px solid #DB4437;color:#cb3e32;padding:10px 10px 10px 70px!important;line-height:1.35;border-radius:10px;}

.messagebox a {color:inherit;text-decoration:underline;}

.welcome {
	background:#FFC;padding:20px;
}
/* upgrade box */
.upgrade {border:1px solid #194fb8;padding:10px;margin:0 2px 1em;}



/* category list  */
.forum,
.categories {
	margin-bottom:30px;
	clear:both;
	width:100%;
}




.forum_post,
.category {
/*	background-color:#fff;*/
	background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN48/73fwAJdwPWTj9e0gAAAABJRU5ErkJggg=='); 
	background-repeat:no-repeat;
	color:#000;
	font-size:0.95rem;
	font-weight:100;
	padding:6px 10px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #BBD0E5;
	transition:opacity 0.3s ease-in;
	position:relative;
}

.categories-list__90 {box-shadow:0 0 4px #aaa;}
.categories-list__100 {box-shadow:0 0 6px #FFD700;}

	.category__unknowns {background-color:#ec0016;color:#FFFFFF}
.category:hover {opacity:0.85;}
.category a {font-weight:100;color:inherit;}
.category__link a {display:block;}
.category b {font-weight:700;}
.category a b {color:#0149dd;}
.percent_0 {color:#900;}
.sticky-1,

.percent_100 {background:#DFECF5;}
/*.percent_privacy {background:#f5dfdf;}*/
.percent_friend {background:#fff8d3;}
.percent_ignore {background:#eee;color:#600;opacity:0.7}
.percent_flagged {background:#f5dfdf;color:#600;}
.percent_robot {background:#fdebd0;border-left:5px solid #075369 ;}

.percent_same {display:none}
.percent_ignored {opacity:0.4}

.flagged {font-style:italic;background:#eee;font-size:0.8rem;color:#ec0016};


.category span {font-size:0.8rem;}
	.icon_q  {background-image:url("/assets/images/icon_q.png");background-position:8px 8px;background-repeaT:no-repeat;padding-left:40px;background-size:20px 20px;position:relative;}


.forum-admin {background:#fef9f5}
.forum-you {background:#fff8d3}


		.faq-image{float:left;width:25%;height:auto;max-width:200px;margin:0 10px 10px 0;border:1px solid #95A5A6;}
		.faq-image__r{float:right;margin:0 0 10px 10px; }

.icon_q a {color:#0149dd;}


.categories__ranged {border:1px solid #075369;border-radius:5px;margin:0 5px 10px;width:calc(100% - 10px)}
.categories__ranged li:last-child {border-bottom:none;}
.categories__ranged li + .title {padding:4px 10px;background:#e6edf0;margin:0;border-bottom:2px solid #075369; }

.stickytitle {background:#075369;color:#fff;position:sticky;top:00px;padding:5px 10px;z-index:50;font-weight:500;font-size:1.05rem;}


/* trips & thumbnails */
.trips {list-style:none;margin:0 0  30px;padding:0;}




.trip_reports {display: inline-flex;justify-content: justify;flex-wrap: wrap;-webkit-gap:12px;gap:12px;padding:4px 12px 12px;background:#e6edf0;width:100%}

.t24 {/*-webkit-gap:14px;gap:14px;padding:4px 14px 14px;*/background:#e6edf0; }


.pad_gap {padding:12px;}












 
	.thumb{background:#ffffff;border:1px solid #95A5A6;color:#4A5F74;display:block;float:left;list-style:none;margin:5px;overflow:hidden;position:relative;width:calc(33.333333% - 10px);background-position:0 180px;background-repeat:no-repeat;
	background:url('/assets/images/noise2.png') #aaa;
	max-width:220px;
	height:auto;
	-webkit-aspect-ratio:3 / 2;
	aspect-ratio:3 / 2;
	}
	 


.xxtrips__thumbs .item__upgrade {margin:5px;} 
	
	.thumb.vsmall {width:calc(33% - 8px);height:60px!important;margin:3px}
	
	
	.thumbnail{
			background:url('/assets/images/no-photo.jpg') 50% 50%;	background-size:200px 145px;
	}
	

	.thumb.ticked {border:5px solid #289ad0;}
	.thumb_checkbox {position:absolute;right:5px;bottom:5px;z-index:2;width:20px;height:20px}
	
	.photo_label {position:absolute;top:0;left:0;padding:5px;color:#fff;background:#4A5F74;width:auto;margin:0;font-size:11px;line-height:20px;border-radius:0 0 8px }
	.photo_label__current {background:#289ad0;}
	.thumb_radio {z-index:2;width:20px;height:20px;float:left;margin-right:5px;}
	
 	.tag_label {position:absolute;bottom:0px;left:0px;padding:3px 5px;color:#fff;background:#4A5F74;width:auto;margin:0;font-size:11px;line-height:16px;border-radius:0 6px 0 0;box-shadow:1px 0 4px #000 }
	
	.unseen.trip-report {background:#daa;}

	.p1 {border:2px solid #c0392b;box-shadow:0 0 4px #c0392b; ;}
	.p__flagged {border:4px solid #c0392b;box-shadow:0 0 4px #c0392b; ;}

.vmfp-iframe {border:1px solid #000;}
.vmfp-iframe::after {content:"\2714\fe0e";display:block;width:40px;height:40px;position:absolute;top:3px;right:3px;font-size:1px;
	background-position:0 -600px;
	background-image:url('/assets/images/sprites_buttons_nobg.png?4');
	background-size:40px 640px;
	background-repeat:no-repeat;
	z-index:3;
}


	/*
	.trip-stats {display:block;font-size:0.75rem;font-weight:400;margin:0 10px;border-bottom:1px solid #95A5A6;padding-bottom:5px;background:red}
	

	
	.trip-intro {margin:0 10px;;padding:5px 0;display:block;font-size:0.7rem;font-weight:300;opacity:1;transition:opacity 0.2s ease-in}
*/
	.trip-image {height:100%;width:100%/*;position:absolute;bottom:0;left:0;z-index:0;opacity:1;*/ ;object-fit:cover;}
	
	
	
	.trip-image__photo {opacity:0.5;}
	.trip-image.pos1 {opacity:1;}
	.trip-image.pos2 {opacity:0.8;}

/* items */

	.thumb {height:85px;}


	.item {
		background:#aaa;
		box-shadow:-2px 2px 4px #bbb;
		border:1px solid #000000 ;		
		color:#eceffb;
		display:block;
		height:125px;
		list-style:none;
		margin:10px 10px 0;
		overflow:hidden;
		position:relative;
		text-align:left;
		transition:box-shadow 0.2s ease-in;
		width:calc(100% - 20px);
	}

	
	.item__album {
		border:1px solid #4A5F74;
		box-shadow:3px 3px 0px -1px #dfecf5,3px 3px 0px #4A5F74,6px 6px 0px -1px #fff,6px 6px 0px #888;
		border-radius:0;
		width:100%;
	}
	
	.item__r {
			background:#977;
	}


.t24 .item__category {height:auto!important;}	
 
	.trip_reports .g12,
	.trip_reports .item {width:100%;margin:0!important;}

	.trip_reports .thumb {flex-grow:1;margin:0;width:calc(33.333333% - 8px);max-width:calc(100%);height:125px;}
	.t24 .item {/*width:100%;margin:0!important; */ height:125px;background:#fff;box-shadow:-2px 2px 4px #bbd0e5;border:0;}
		.t24 .item__r {background:#fee;color:#900}
		

.trips .upgrade-basic,.trip_reports .upgrade-basic,
.t24 .upgrade-basic {background: linear-gradient(135deg, #fefcea 0%,#f1da36 100%); border:2px solid #f1da36;box-shadow:0 0 5px #fefcea;/*background: linear-gradient(135deg, #eeeeee 0%,#cccccc 100%); box-shadow:0 0 5px #eeeeee; border:2px solid #cccccc*/;height:auto}
.upgrade-basic .item-link {color:#000;text-shadow:none;background:none;}
.upgrade-basic .item-link:hover {color:#000; }


.t24 .item__gg { background:url('/assets/images/gg.jpg') no-repeat bottom right #f8f8f8;;border:2px solid #DB4437!important;color:#cb3e32;border-radius:10px;background-size:48px 48px}

.t24 .item__seen {border:2px solid #4A5F74;border-radius:0px;}


.t24 .item__gg.item__x {border-radius:0px!important;}

	.item__gg .item-link {color:#173348!important;}
 		
 		.trip_reports .item__notseen {border:4px solid #740009;}
		.trip_reports .item__nophoto {border:4px solid #004B6D;}

.g12 .title + p {padding:10px 10px 10px;margin:0; }
	
	 .item:hover {box-shadow:-2px 2px 4px #999;}

	
	
 	.trip_reports .item__album {width:calc(50% - 6px)}
	
/* 	.trip_reports .item__noimage ,
	.t24 .item__noimage {flex-grow:1;width:calc(50% - 6px);max-width:calc(100%);}
*/






	
	.item__grey img,
	.item__r img {filter:grayscale(100%);}
	
	.item__l .item-link {background:url('/assets/images/icon_lock.png') right 4px bottom 4px no-repeat rgba(0,0,0,0.25);background-size:24px 24px}
	
	.item-link {
		background:rgba(0,0,0,0.5);
		color:#eceffb;
		cursor: pointer;
		display:block;
		font-size:1.2rem;
		font-weight:700;
		height:100%;
		line-height:1.1;

		padding:10px;
		position:relative;
		text-align:left;
		text-shadow:1px 1px 1px #000;
		-webkit-transition:all 0.1s ease-in;
		transition:all 0.1s ease-in;
		z-index:1;
	}




	.item-link:hover {
		color:#fff;
		text-decoration:none;
	}


	.t24 .item-link {color:#2C3E50;text-shadow:none;background:none;}
	.t24 .item-link:hover {color:#000000;}

	.t24 .item-link {padding-left:calc(50% + 17px);}
	.t24 .item__noimage .item-link {width:100%;padding:10px;}
	



/*
.xpe .t24 .itemfirst {width:100%;height:250px;box-shadow:none;}
.xpe .t24 .itemfirst .item-image {right:0;left:auto;}
.xpe .t24 .itemfirst .item-stats {font-size:1.2rem;}
.xpe .t24 .itemfirst .item-intro {font-size:1.2rem;max-height:300px}
.xpe .t24 .itemfirst .item-link {
	font-size:1.4rem;
	padding-left:10px;padding-right:40%;
	background: rgb(236,239,251);
background: -moz-linear-gradient(63deg, rgba(236,239,251,1) 60%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(63deg, rgba(236,239,251,1) 60%, rgba(255,255,255,0) 100%);
background: linear-gradient(63deg, rgba(236,239,251,1) 60%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eceffb",endColorstr="#ffffff",GradientType=1);}	
	
*/
	
	.item-stats {
		display:block;
		font-size:0.8rem;
		font-weight:600;
		margin:0;
		padding:3px 0 0 0;
	}

	.item-intro {
		display:block;
		font-size:0.75rem;
		font-weight:400;
		margin:0;
		max-height:46px;
		padding:5px 0;
		overflow:hidden;
	}
	
	.item-image {
		bottom:0;
		height:100%;
		left:0;
		-webkit-object-fit:cover;
		object-fit:cover;
		opacity:1;
		position:absolute;
		width:100%;
		z-index:0;
	}


.item-fave,
.item-checkbox {position:absolute;bottom:0;right:04px;font-size:0.85rem;font-weight:bold;color:#000;;z-index:2}
.item__gg .item-checkbox {right:054px;}

.item-checkbox label {background:#4A5F74;padding:4px 6px;width:100%;font-weight:bold;color:#fff;border-radius:10px 10px 0 0;line-height:1.2;font-size:0.85rem;}
.item__gg label {background:#DB4437;}



 
.item-fave {right:0;border-radius:8px 0 0 0; ;cursor:pointer;display:block;font-size:1px;text-indent:-999px;overflow:hidden;background:url('/assets/images/stars.png') no-repeat 2px -24px/24px 48px #4A5F74;width:26px;height:24px;}
	.fave__0 {background-color:#fff;color:#4A5F74;background-position:0 -2px;}




	.t24 .item-image {
		width:calc(50% - 0px);
		border-right:1px solid #bbd0e5;
	}
	
	
	
	  
	  .item-image__mini {width:100%;height:36%;border:none!important;object-fit:cover;display:block;float:left;}
	  
/*.item-image__mini {border-left:1px solid #000!important;border-top:1px solid #000!important;}*/
	  .t24 .item-image__mini {border-left:2px solid #bbd0e5!important;border-top:2px solid #bbd0e5!important;}
	  .t24 .item-image__0 {border-left:0!important;border-top:0!important}
	  .t24 .item-image__1 {border-left:0!important;}
	
	  .item-image__0 {width:100%!important;height:64%!important}
	  
	
	  .item__images-1 .item-image__mini {height:100%;height:100%!important; }
	  .item__images-2 .item-image__mini {width:100%; height:50%!important }
	  .item__images-3 .item-image__mini {width:50%;  }
	  .item__images-4 .item-image__mini {width:33.3333%;  }
	  .item__images-5 .item-image__mini {width:25%;  }
 	
  



	.trip_reports .title,
	.t24 .title {width:100%;margin:0!important;font-weight:500;color:#000;font-size:1.2rem;border-color:#4A5F74;padding:10px; line-height:1.1 }
	.trip_reports li + .g12,
	.trip_reports li + .title {margin-top:14px!important; }




/* filters */
.list-filter {padding:3px;background:#eee;border-radius:3px;margin:0 3px;display:inline-block!important;float:left;transition:all 0.1s ease-in}	
.list-filter__active {background:#289ad0;color:#fff;}



/* banners */
.trip_intro {
	background-size:cover;background-position:50% 50%;background-repeat:no-repeat;;text-shadow:0 0 1px #fff;color:#fff;margin:0 0 10px 0;
border-bottom: 2px solid #0e475a;
}	

.trip_intro__no {background-size:auto;background-repeat:repeat;background-image:url('/assets/images/noise2.png');}

.trip_overlay {color:#fff;padding:4vh 0 3vh 00px;text-align:left;background:rgba(0,0,0,0.3);}


	.trip_overlay h2,.trip_overlay p ,.trip_overlay a {color:#fff!important;font-weight:400;text-shadow:1px 1px 1px #000; 	}
	.trip_overlay h2 {font-weight:700;margin-bottom:0}


 #slider_holder {position:relative;clear:both;padding-top:8px; }
 .banners {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
	margin:0;
  }


  .banners li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

 .banners li:first-child {
  position: relative;
  display: block;
  float: left;
  }

  .banners img {
  display: block;
  height: 200px;
  object-fit:cover;
  object-position:50% 50%;
  float: left;
  width: 100%;
  border: 0;
  }
 
  .banner_block {position:absolute;bottom:40px;width:100%;}
  .banner_area {position:relative;margin:-10px 0 20px;  
}
.banners img {  height: 24vh; border-bottom:2px solid #0e475a; }	
	
  .banners a {displaxy:inline-block;position:absolute;bottom:0;right:0;padding:6px 10px;max-width:65%;background:rgba(44, 62, 80,0.65);color:#fff;border-radius:10px 0 0 0;text-decoration:none;font-size:0.8rem;text-align:right;line-height:1.2}	

		.rslides_tabs{padding-top:0;clear:both;z-index:5;left:5px;bottom:5px;width:auto;max-width:30%;position:absolute}
  		.rslides_tabs li{position:relative;display:block;float:left;height:18px;width:18px;border:0px solid red;margin:0 ;padding:3px;cursor:pointer}
 		.rslides_tabs li a{width:12px;height:12px;border-radius:50%;border:1px solid #000;background:#4A5F74;display:block;outline:0;line-height:0;font-size:0;color:transparent;padding:0;cursor:pointer;}
 		.rslides_tabs li.rslides_here a {background-color:#289ad0}
	
	
/* heroes */
.box {background-color:#dfecf5;;margin:10px 10px 20px;padding:5px 10px;position:relative;opacity:1;transition:background-color 0.2s ease-in,opacity 0.2s ease-in;}
	.box__ {background-color:#dff3e7;}
	.greyed_out {background:#dfdfdf;opacity:0.6;}
	.greened_out {background:#dff5ec;opacity:1}
	.box__todo  {background-color:#f6e1df;padding-bottom:40px;}
.box p {margin:5px 0;padding:0;z-index:1;}

.screenshot {width:100%;overflow:hidden;display:block;text-align:center;}
.screenshot img {width:100%;height:auto;border:1px solid #4A5F74;max-width:500px;}

/* tabs */

 
.tabs {border-left:1px solid #4A5F74;margin:5px;

}
.tab {background:#eceffb;color:#4a5f74;cursor:pointer;margin:1px 0 0 0;font-size:0.8rem;padding:0;}
.tab__admin {background-color:rgba(217,83,79,0.2);color:#000;}
.tab:first-child {font-weight:bold;}
.tab__active {background:#4A5F74;color:#FFF;}
.tab a {color:inherit;;padding:4px 10px;display:block;}
 

.mtabs {position:fixed;bottom:0;left:0;right:0;background:#F9F9FF;z-index:999;display:-webkit-flex;display:flex;border-top:1px solid #bbd0e5;box-shadow:0 0 5px #999}
.xpe .mtabs {overflow:auto;white-space:no-wrap;}
.xpe .mtab {min-width:16.66666%;max-width:33%;width:33%;}


.mtab {font-size:0.75rem;text-align:center;border-left:1px solid #bbd0e5;width:25%;transition:background-color 0.2s ease-in}
.mtab:first-child {border:none;}
.mtab a {display:block;padding:37px 10px 5px 10px;}
.mtab {background-image:url('/assets/images/sprites_mtab.png?24a');background-repeat:no-repeat;}
.mtab:hover,
.mtab:focus,
.mtab__active {background-color:#bbd0e5;}
.following {background-color:#bbd0e5;}
.mtab.limit,
.tab__admin {background-color:rgba(217,83,79,0.2);color:#000;}

	.mtab__info {background-position:50% -359px;}
	.mtab__haulage {background-position:50% -119px;}
	.mtab__photos {background-position:50% -199px;}
	.mtab__sightings {background-position:50% -279px;}
	.mtab__sightings_all {background-position:50% -39px;}
	.mtab__needs {background-position:50% -439px;}
	.mtab__location {background-position:50% -519px;}
	.mtab__friends,
	.mtab__follow,
	.mtab__user {background-position:50% -679px;}
	.mtab__users {background-position:50% -759px;}
	.mtab__edit {background-position:50% -839px;}

	.mtab__log {background-position:50% -599px;background-color:#ffffff;font-weight:600;}
	.mtab__upgrade {font-weight:600;}


/* trip tools */
.trip-tools {background:#eceffb;list-style:none;margin:10px 0;padding:8px 10px;height:46px;}
.tt-title {margin:0 15px 0 0;display:block;float:left;line-height:30px;font-size:0.85rem;font-weight:400}
.tt {display:inline-block;margin:0 5px 0 0;}

.ttx {margin-right:20px;}

	.tt-button {list-style:none;display:block;border-radius:99px;width:30px;height:30px;overflow:hidden;box-shadow:0 0 5px #aaa;text-indent:-999px;
		background-color:#4a4a74;
		background-image:url('/assets/images/sprites_buttons_nobg.png?5');
		background-repeat:no-repeat;
		background-size:30px 480px;
	}
	
	
	
/* number notifications */
.notif {position:absolute;top:45px;right:0;background:rgba(44,62,80,0.7);display:block;height:40px;width:40px;border-radius:0 0 0 10px;background-image:url('/assets/images/icon_tick.png');background-position:6px 50%;background-repeat:no-repeat;}
.notif:hover {color:#fff;}

.notif__0 {background-image:url('/assets/images/icon_cross.png');}

.notif .seen-count {position:absolute;left:11px;top:13px;display:block;line-height:16px;width:15px;height:16px;text-align:center;color:#fff;background:#5cb85c;font-size:0.6rem;font-weight:600}

.notif__0 .seen-count {display:none;}





/* forms */
.form-box {margin:10px 10px 25px;;background-color:#F9F9FF;overflow:hidden;border:1px solid #BBD0E5;box-shadow:0 0 3px #ddd;border-radius:0;}
.form-box__decline {background-color:#fff9f9;border-color:#e5bbd0;}


	.form-box__welcome {padding:5px 0px;margin:0 0 1em 0;;}
	.form-box fieldset {padding:8px 14px;}

.fb__privacy-0 {;background-color:#dfd;border:1px solid #95A5A6;box-shadow:0 0 5px #bbb;border-radius:0;}
.fb__privacy-1 {;background-color:#ddd;border:1px solid #95A5A6;box-shadow:0 0 5px #bbb;border-radius:0;}
.fb__privacy-2 {;background-color:#FFECC5;border:1px solid #95A5A6;box-shadow:0 0 5px #bbb;border-radius:0;}
.fb__privacy-0 .title__form,
.fb__privacy-2 .title__form,
.fb__privacy-1 .title__form {background:none;}

.fb__privacy-2 p,
.fb__privacy-0 p,
.fb__privacy-1 p {margin-bottom:0;}


.form-box__decline .title__form {background-color:#fcf1ef;border-color:#e5bbd0;}


/* comments and messages */

.category__comment {padding:0;border-bottom:0;}



.author {padding:10px;border:1px solid #eceffb;background-image: linear-gradient(#eceffb 0, #fff 50%);width:100%!important;float:none;clear:both;position:relative;}
.author__margin {margin:0 0 10px;}

.avatar {border:3px solid #34495E;border-radius:99px;height:48px;width:48px;object-fit:cover;;margin:0 12px 0 0;float:left;}
.author-info {width:calc(100% - 70px);float:left;}

.avatar_sq {border:2px solid #34495E;height:48px;width:48px;object-fit:cover;/*;margin:0 10px 6px 0;float:left;*/;display:block;}

.Xauthor__1 .avatar {border-color:#000000;}

 .forum_you .author,
.forum_you .avatar {border-color:#2980b9;}


 .forum_team .author,
.forum_team .avatar {border-color:#e67e22;}

.post_date {font-size:0.75em;margin:0;font-weight:300;padding:0}

.post {clear:both;margin:0 5px;padding:10px 10px 25px 10px;border-top:1px solid #eceffb;}
.post p {padding:0;}
.db .post {border-top:0;}

.author h4{font-size:1rem;margin:3px 0;font-weight:700;line-height:1.2}
.author p {font-size:0.7rem;margin:4px 0 0!important;font-weight:500;color:#34495E;line-height:1.2}
.author h4 span {font-size:11px;font-weight:400;color:#003;}
.author h4 a {color:#34495E;font-weight:700;}
.author h4 a:hover {color:#289ad0;}

.report {margin-bottom:40px;}
.report .author {	position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
position:sticky;
top:00px;z-index:5;}


.post img {width:100%;max-width:800px;border:1px solid #eceffb}

/*  box */
	.account {padding:10px 0;margin:0 0 1em ;border:1px solid black;}
p.restricted,	
li.mtab__upgrade-basic,
	.account-basic {background: linear-gradient(135deg, #eeeeee 0%,#cccccc 100%); border-color:#cccccc;box-shadow:0 0 5px #eeeeee; /* W3C */}
li.mtab__upgrade-gold,
	.account-gold {background:#f1da36;background: linear-gradient(135deg, #fefcea 0%,#f1da36 100%); border-color:#f1da36;box-shadow:0 0 5px #fefcea;}
		.account strong {display:block;}

	.offer {border-color:#c0392b;padding:10px;background:rgba(192,57,43,0.1)}
/* account box */
	.upgrade-basic {background: linear-gradient(135deg, #eeeeee 0%,#cccccc 100%); box-shadow:0 0 5px #eeeeee; }
	.upgrade-gold {background:#f1da36;background: linear-gradient(135deg, #fefcea 0%,#f1da36 100%); }

li {list-style:none;}




.album_image{width:60px;float:left;display:block;}
.album_checks {width:calc(100% - 62px);float:left}

.m10 {float:left;width:calc(100% - 60px);}



/* flickr importer */
	.greyed {filter:grayscale(100%);}
 



/* clear */
.clear {
  clear:both; 
  height:0;
  margin:0;
}

.top p,
/*.upgrade p,*/
.edit-train p {margin:0;}


/* drop down */
.pull {
 	color:#FFFFFF;
	direction:ltr;
	display:block;
	float:right;
	height:40px;
	line-height:20px;
	font-weight:bold;
 	overflow:hidden;
	text-indent:-999px;
	transition:opacity 0.4s ease-in-out,color 0.3s ease-in-out;
	width:40px;
	margin:2px 0;
	background-image:url('/assets/images/sprites_pull.png?5');
	background-repeat:no-repeat;
	background-position:right 0;
	background-size:40px 480px;
	
}
.pull:hover,
.on {
	opacity:0.8;
	color:#dfecf5;
}



.pull_menu {
/*	background-position:-2px -132px;*/
	background-position:right 1px;
}
.pull_user {
/*	background-position:-2px -176px;*/
	background-position:right -280px;
}

.pull_add {
/*	background-position:-2px -88px;*/
background-position:right -40px;
}
.pull_haulage {
/*	background-position:-2px -220px;*/
background-position:right -120px;
}
.pull_photo {
/*	background-position:-2px -220px;*/
background-position:right -200px;
}
 
 
.ubasic .pull_photo,
.ubasic .pull_haulage {filter:grayscale(1);opacity:0.4;}


/* video stuff?? */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	border:1px solid #34495e;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* submit form */
.dropdown {
	background:#F1F1FF;
	border-bottom:2px solid #2c3e50;
	/*border-radius:3px;*/
	box-shadow:0 2px 10px #2c3e50;
	display:none;
	font-size:1rem;
	margin: 0;
 	padding:0;
	z-index:44;position:absolute;top:45px;

}


/* other guff*/

.no-mobile,
.t-hidden,	
.t-desktop,
thead,
legend,
.icon_logout,
.hide {
	display:none;
}


.fudge {position:relative}

.grid_row:after,
.author:after,
.traininfo:after,
.field:after,
.mini:after,
.trips:after,
.forum_post:after,
.upgrade:after,
.tabs:after,
.group:after {
  content: "";
  display: table;
  clear: both;
}

textarea, 
input[type="text"], 
input[type="email"], 
input[type="password"] {
	-webkit-appearance: none;
}


.popup {background:rgba(0,0,0,0.5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}
.form-box__popup {width:98%;max-width:800px;margin:54px auto 20px;position:relative;border-width:2px;border-radius:4px;border-color:#34495e;box-shadow:0 0 5px #000;}
.popup h3 {background:url('/assets/images/icon_close.png') 98% 50% no-repeat;background-size:32px 32px;cursor:pointer;font-size:1rem;font-weight:600;}

.cinfo {max-height:60vh;overflow:auto;}

a.js_flag {background:url('/assets/images/icon_cross.png') 3px 50% no-repeat #fdc4bf;color:#c0392b;cursor:pointer;colxor:#fff;padding:3px 8px 3px 30px;font-weight:bold!important;float:right;border-radius:3px;background-size:20px 20px;font-size:13px;}

a.s_edit {background-color:#289ad0;color:#fff;padding:3px 8px;font-weight:bold!important;float:right;font-size:13px;border-radius:3px;margin-left:5px}

.popup_camera {background:url('/assets/images/icon_camera.png') 50% 50% no-repeat #dcdfeb;background-size:24px 24px;cursor:pointer;display:block;text-indent:-999px;overflow:hidden;display:block;width:36px;height:36px;position:absolute;right:56px;top:13px;border-radius:5px;border:2px solid white;box-shadow:0 0 5px #289ad0}

.popup_book {background:url('/assets/images/icon_sightings.png') 50% 50% no-repeat #dcdfeb;background-size:24px 24px;cursor:pointer;display:block;text-indent:-999px;overflow:hidden;display:block;width:36px;height:36px;position:absolute;right:13px;top:13px;border-radius:5px;border:2px solid white;box-shadow:0 0 5px #289ad0}



/* autocomplete */
.autocomplete-suggestions{text-align:left;cursor:default;border:1px solid #4a5f74;border-top:0;background:#fff;box-shadow:-1px 1px 3px rgba(0,0,0,.1);position:absolute;display:none;z-index:9999;max-height:254px;overflow:hidden;overflow-y:auto;box-sizing:border-box}.as-hint{position:relative;padding:8px 10px;line-height:1.2;font-size:.95rem;color:#fff;background:#289ad0;margin:0;font-weight:600}.autocomplete-suggestion{position:relative;padding:4px 10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;color:#34495e;;border-bottom:1px solid #aaa;font-weight:600}.autocomplete-suggestion b{font-weight:400;color:#4a5f74}.autocomplete-suggestion span{display:block;font-size:.75rem;font-weight:300;color:#000}.autocomplete-suggestion.selected{background:#d7eaf6}



.editor {border:1px solid #bbd0e5;box-shadow:none;margin:10px;font-size:0.9rem;padding:8px;box-shadow:0 0 3px #aaa;background:#fafafa;border-radius:10px}
.editor a {font-size:1rem;font-weight:600;}
fieldset.editor {padding:5px 20px;}


 
.admn-photo {width:200px}

.flex_row{
		display:-webkit-flex;
		display:flex;
}		

.flex_wrap {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;	
}

.flex_gap {gap:10px;}
.flex_box {width:calc(25% - 20px);display:block;padding:10px;font-weight:bold;border:1px solid #eee;}




@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	.sprite {
		background-image:url('/assets/images/trainlogger_sprites@2xS.png?2');
		background-size:180px 300px;
	}
/*	.logo {background-size:130px auto;}*/
}



@media only screen and (min-width: 512px)  {
  
   	.item {
		width:calc(50% - 16px);
		margin:8px;
		float:left;
	}
	
	.nav-item {
		width:calc(33.333% - 8px);	
	}	
}


@media only screen and (max-width: 960px)  {
  

	 .mini-filter {position:absolute;right:5px;top:-5px;margin:0;padding:0;width:50%;width:calc(50% - 20px);background:none;border:none;opacity:0.8}

	 .mini-filter {top:8px;right:14px;}

	 .mini-filter label {display:none;}
	 .mini-filter select {width:calc(100% - 90px);margin:0;float:left;height:30px;}
	 .mini-filter button {float:right;clear:none;margin:0}

		
}

@media only screen and (min-width: 650px)  {
  
 
 
	
 .thumb {width:calc(25% - 10px);height:110px}

  
	.t-ob-time {width:70px;}
	.t-ob-number {width:100px;font-size:0.95rem;}
	.t-ob-place { font-size:0.9rem;min-width:20%}


.t-operator,
.t-name,
.t-form {	display:table-cell;font-style:normal; }

/* tabs */
.tabs {border-bottom:1px solid #4A5F74;border-left:none;margin:0 0 1rem 0;}
.tab {margin:0 0 0 10px;font-size:0.8rem;float:left;transition:background-color 0.2s ease-in,border-radius 0.2s ease-in;}
.tab__admin {float:right;}
.tab:hover,
.tab__active {border-radius:4px 4px 0 0;}





.pull {text-indent:0;padding:6px 38px 0 16px;width:auto;	font-size:0.7rem;line-height:14px;text-align:right;}
.pull span {font-weight:300;display:block;}

}









@media only screen and (min-width: 768px) {
	.row{
		display:-webkit-flex;display:flex;
		overflow: hidden;
		padding:0 0 32px 0;
	}
	.box {
		min-height:111px;
	}


	
	.flex_row__d{
		display:-webkit-flex;
		display:flex;
	}

	.thumb {width:calc(20% - 10px);height:120px;}

 	.item {width:calc(33.333333333% - 16px);}
	
	.trips .title {margin-bottom:10px;}
	
	.trip_reports {background:#fff;;padding:4px 4px 12px;}
	.t24 {padding:4px 12px 12px;}
	
	.pad_gap {padding:12px;}

	.t24 {background:#e6edf0; }

	
	.trip_reports .item,
	.t24 .item {width:calc(50% - 6px);}
	


 	.trip_reports .item__album {width:calc(33.333333% - 8px)}
/*
	.trip_reports .item__noimage,
	.t24 .item__noimage {width:calc(33.333333% - 8px);max-width:calc(50% - 6px);}
*/
	.trip_reports .thumb {width:calc(25% - 9px);max-width:calc(33.333333% - 8px);}


}




@media only screen and (min-width: 960px) {


body {
	margin:40px 0 0 0;
	 -webkit-font-smoothing: antialiased;
}
body.u {margin-top:40px;}
body.db {margin-top:0;}

.no-mobile {display:block;}

.wrapper {
	max-width:1800px;
	width:99%;
	margin:0 auto;
}
.db  {background-size:100% 50px;}

.body {
	line-height:1.6;
	margin:0 auto;
	padding:20px 0;
}

#top {
	position:fixed;
	top:0;
	width:100%;
	z-index:9;
}
header {
	height:50px; /* 60px */
	padding:0 0;  /* 7px 0 */
 }


.logo {
	background-position:-10px 50%;
	width:100%;
	height:50px;
	max-width:220px;
	
/*	background-size:150px auto*/
}


nav {
	border:none;
	position:relative;
	top:auto;
	display:block;
	height:50px;
	padding:0;
	background:none;
	box-shadow:none;
	margin:none;
	transition:none;
}

.nav {
	clear:none;
	
}
	.nav {
		display: -webkit-flex;  
		display: flex;
		-webkit-justify-content: space-between;  
		justify-content: space-between;
		gap:0;
		margin:0;
	}

.nav-item {
	box-shadow:none!important;;
	border:none!important;;
	display:block;
	line-height:49px;
	font-size:0.9rem;
	float:left;
	padding:0 5px;
	position:relative;
	color:#e6edf0;
	margin:0;
	-webkit-transition:background 0.1s ease-in,color 0.1s ease-in;
	transition:background 0.1s ease-in,color 0.1s ease-in;
	cursor:pointer;
	width:auto;
	background:none;
	border-radius:0;
}



.nav-log {color:#fff;}
.nav-gg .nav-link,
.nav-log .nav-link {font-weight:700}
.nav-item:hover {background:#e6edf0;color:#043a49;}

.nav-gg {color:#fff;text-shadow:0 0 1px #DB4437}
.nav-gg:hover {background:#DB4437;color:#043a49;}

.nav-link {color:inherit;	transition:none;width:100%;text-align:center;	-webkit-transition:color 0.1s ease-in;
	transition:color 0.1s ease-in;
		max-height:49px;
overflow:hidden;
border:0;margin:0;
}
.nav-link:hover {text-decoration:none;}
	
.nav-link .avatar {float:right;margin:0 0 0 10px;border-color:#e6edf0;	-webkit-transition:border-color 0.1s ease-in;
	transition:border-color 0.1s ease-in;}
.nav-item:hover .avatar {border-color:#043a49;}


	.nav-item__edit,
	.nav-item__logout {float:right;}


	.sub {display:none;position:absolute;left:-1px;top:49px;background:#e6edf0;padding:6px 10px 10px;margin:0;width:300px;border-width:0 1px 1px 1px;border-style:solid;border-color:#e6edf0 #0e475a #0e475a;/*font-size:0.95em;*/}
		.sub-item {line-height:1.3rem;padding:4px;}
		
		.nav-item:hover .sub {display:block;}

/* breadcrumbs */
	.crumbs {display:none;}
	.crumbs ul {border-bottom:1px solid #ddd;padding:0 0 3px 0;}
	.crumbs li {display:inline;padding:0 0 0 10px;font-size:0.7rem;}
	.crumbs li:last-child {font-weight:bold;;}
	
	



.heading1,
h2 {
	font-size:2.4rem;
}
.title {
}

	.decline {margin-top:90px;}

.categories,
.categories__ranged {margin:0 0 30px; }
 

.flex_wrap .categories-list {margin:0 10px 0 0;}

	.category {clear:both;}

	
	.post {padding:15px 68px;}
	.post p {padding:0;}	
	
	.flex_row .report-class {min-width:61px;text-align:left;font-size:0.85em;padding:1px 0 0 10px;}

	
.pull {
 	display:none
}
	



.top28 {
	margin-top:32px;
}

/* form inputs & buttons */

input,textarea,select {
	font-family:"Open Sans",Helvetica,Arial;
}

.input {
	padding:7px;
	margin-bottom:1em;
}
	.input__search {
		font-size:0.8rem;
		margin:0;
		padding:4px 7px;
	}
	.input__filter {
		border-color:#D4D7D9;
		display:inline;
		font-size:0.9rem;
		height:35px;
		margin:0 3% 0 0;
		padding:0 3px;
		width:auto;
		line-height:35px;
		}
	.sightings-input {
		height:500px;	
	}

	.haulage-input {
		height:87px;	
	}

label {
	margin-top:13px;
}
.label__album {margin:0 0 3px;}


	.label__tick {margin:0 0 5px 0;margin: 0px 0px 5px;
background: #F1F1FF;
padding: 5px;
display: block;
width: 100%;}
	
	.label__option,
	.label__filter {
		clear:none;
		display:inline;
		font-size:0.9rem;
		line-height:35px;
		margin:0 1% 0 0;
		padding:0;
		width:auto;
		height:auto
	}
	
.button {background-size:40px 640px;height:40px;line-height:38px;padding-right:50px;font-size:0.95rem;cursor:pointer}	
	.button-save {background-position:right -40px;}
	.button-invite {background-position:right -80px;}
	.button-haulage {background-position:right -120px;}
	.button-delete {background-position:right -160px;}
	.button-photo {background-position:right -200px;}
	.button-people {background-position:right -240px;}
	.button-person {background-position:right -280px;}
	.button-speech {background-position:right -320px;}
	.button-cover {background-position:right -360px;}
	.button-filter {background-position:right -402px;height:35px;line-height:32px;margin:0;clear:none;float:left;}
	.button-upgrade {background-position:right -440px;}
	.button-coaches {background-position:right -480px;}
	.button-edit {background-position:right -520px;}
	.button-log {background-position:right -560px;}
	.button-video {background-position:right -600px;}
.button:hover {/*border-radius:10px;*/}

.form-box {/*border-bottom:none;*/margin:3px 0 20px;}
	.form-box__welcome {padding:5px 10px;margin:0 0 1em 0;;}
	.form-box__popup {margin:5vh auto 5vh;max-height:90vh;overflow:auto;}
	.form-box fieldset {/*padding-top:0;*/}
	 
.tagsinput { border:1px solid #4A5F74;}

/* search */

.searchbox {margin:5px 0 0}
 

.mini label {
	width:25%;
	text-align:right;
	line-height:1.7
}
.mini select,
.mini input {
	-webkit-min-logical-width: 69%;
	width:75%;
	margin:5px 0;
}

.mtabs {position:relative;bottom:auto;left:auto;right:auto;z-index:1;-webkit-display:flex;display:flex;border:1px solid #bbd0e5;box-shadow:none;margin:0 0 10px 0}
.mtab {font-size:0.9rem;text-align:left;border-color:#bbd0e5;background-size:auto;}

.xpe .mtabs {overflow:auto;white-space:no-wrap;}
.xpe .mtab {min-width:6.666%;max-width:33%;width:33%;}



.mtab a {padding:0 10px 0 45px;line-height:40px;}
.mtab {}
.mtab__active {background-color:#eceffb;}


	.mtab__info {background-position:0 -359px;}
	.mtab__haulage {background-position:0 -119px;}
	.mtab__photos {background-position:0 -199px;}
	.mtab__sightings {background-position:0 -279px;}
	.mtab__sightings_all {background-position:0 -39px;}
	.mtab__needs {background-position:0 -439px;}
	.mtab__location {background-position:0 -519px;}
	.mtab__friends,
	.mtab__follow,
	.mtab__user {background-position:0 -679px;}
	.mtab__users {background-position:0 -759px;}
	.mtab__edit {background-position:0 -839px;}
	.mtab__log {display:none;;}


/* tables */

table {margin:1em 0;width:100%;}

thead {
	display:table-row-group;
}

th {
	background:#eceff1;
	border-bottom:2px solid #2c3e50;
	color:#4A5F74;	
	font-size:0.8rem;
}
tr {font-weight:400;
	transition:background-color 0.3s ease-in;
} 



th,	
td {
	display:table-cell;
	padding:5px 3px;
}
.table__upgrade {font-size:0.95rem;}
.table__upgrade td {padding:5px 10px;}

	.t-form {font-size:0.7rem;}
	.t-livery {max-width:50px;font-size:0.7rem;overflow:hidden;}
	.t-name {max-width:150px;}
	.t-owner {max-width:100px;}
	.t-pool {max-width:45px;}
	.t-depot {max-width:130px;}
	.t-edit {width:50px;}	
	.t-date {padding:5px 10px;}
	.s-first,
	.s-last {padding:5px 3px;font-size:0.9rem;}
	.t-desktop {display:table-cell;}
	.t-tick {width:86px;}
	
	.s-last {padding-left:40px;max-width:140px;width:140px;background-repeat:no-repeat;background-position:2px 5px;}
	.statusX .s-last {background-image:url('/assets/images/icon_statusx.png');}
	
	.seen .s-last.c-seen10,
	.unseen  .s-last {background-image:url('/assets/images/icon_cross.png');}
	.notif,
	.unseen .c-seen11,
	.seen    .s-last {background-image:url('/assets/images/icon_tick.png');}
	
	
.seen-count {position:absolute;left:9px;top:14px;display:block;line-height:16px;width:15px;height:16px;text-align:center;color:#fff;background:#5cb85c;font-size:0.7rem;}


	
	.c-seen10,
	.c-seen11 {padding-left:40px;background-repeat:no-repeat;background-position:5px 50%;}
	.seenish .s-last,
	.c-seen10 {background-image:url('/assets/images/icon_cross.png');}
	.seen    .s-last,
	.c-seen11 {background-image:url('/assets/images/icon_tick.png');}


.total-counter { display:block;line-height:16px;widthx:15px;/*height:16px;*/padding:3px 5px;text-align:left;color:#fff;background:#5cb85c;font-size:0.75rem;border-radius:3px;margin:2px 0}
.tc__miles { background:#289ad0; }

.seenish .seen-count,
.seenish .tc__seen {background:#ec0016;} /**/
.seen .seen-count,
.seen .tc__seen {background:#5cb85c;}




	.upgrade-basic,
	.upgrade-gold {width:150px;}


/* traininfo */
h5 {margin:2px 0 0 0;display:block;background:none;font-weight:300;}

/* messagebox */
p.messagebox {margin:10px 0;background-size:30px 30px;padding:10px 50px;}
p.flash {margin:-7px 0 1em 0;padding:6px;font-size:0.85rem;}

	p.otpnet {background-size:70px 70px;padding:1rem 1rem 1rem 84px;	}

 
/* thumbs */

.thumb {transition:border-color 0.1s ease-in,box-shadow 0.1s ease-in,background-position 0.1s ease-in;
width:calc(16.66666% - 10px); min-height:100px;height:120px

}

.thumbs__w .thumb {width:calc(33.333333% - 10px);}

.bigphoto {position:sticky;top:66px;}
.photo {max-height:85vh;width:auto;max-width:100%;}

 	.trip-image {transition:transform 0.1s ease-in;-webkit-transition:-webkit-transform 0.1s ease-in;}
	.thumb:hover {border-color:#4A5F74;box-shadow:0 0 2px #000000}
	.thumb:hover .trip-image {-webkit-transform:scale(1.1);transform:scale(1.1)}
	.thumb:hover {}

	




	

	.item {
			width:calc(33.3333333% - 20px);
			margin:10px;
	}
	
	
	
.report .author {/*position:auto;*/top:50px;}



.stickytitle {top:50px;z-index:2}
/* banners */
.trip_intro {margin:-10px 0 20px 0;/*border-bottom:0*/}	

.trip_overlay {padding:8vh 25px 8vh;}



 .banners img {  height: 45vh;  }	



/* coach*/ 
.trip-tools {height:56px;}
.tt {position:relative;width:40px;height:40px;}

.tt-button {background-size:40px 640px;height:40px;width:40px;text-indent:-999px;position:absolute;top:0;left:0;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;line-height:40px;color:#fff;font-size:0.8rem;font-weight:600;cursor:pointer}	
.tt-title {line-height:40px;}
	.tt-button:hover {color:#fff;background-color:#2C3E50; width:200px;;z-index:9;overflow:none;box-shadow:0;text-indent:12px;text-decoration:none;background-position-left:0;}

/* number notifications */
.notif {display:none;}


/* heros */
.row {display:block; }

.box {margin:10px 12px 10px 0 ;padding:0 16px 10px;background-size:auto 90px;}
	.g05.box {width:41%;}
	.g04.box {width:32%;}
	.g03.box {width:24%;}
.box__todo {padding-bottom:56px;}
.box p {font-size:1.1rem;margin:10px 0;line-height:1.5}
.box p.p__small {font-size:0.8rem;}

/* home */
.banner_area .wrapper {z-index:4;position:relative;}
.banner_area .row {position:absolute;bottom:0px;}
.banner_area .box {box-shadow:0 0 5px #000;background:rgba(223,236,245,0.95) ;padding:5px 20px;border-radius:8px;}





/* grid */
footer .grid {padding-right:20px;}
.grid {float:left;}
.grid_right {float:right;}
	.g01 {width:8.33%;}
	.g02logo {width:200px;}
	.g02 {width:16.66%;}
	.g20 {width:20%;}
	.g03 {width:25%;}
	.g04 {width:33.3%;}
	.g05 {width:44%;} /* 41.666 */
	.g06 {width:50%;}
	.g07 {width:56%;} /*58.3 */
	.g08 {width:66.66%;}
	.g09 {width:75%;}
	.g10 {width:83.3%;}
	.g11 {width:91.66%;}
	.g12 {width:100%;}
	.pull_left {padding-right:20px;}
	.padding-left {padding-left:4.166%;}
	.padding-right {padding-right:4.166%;}
	
	.margin-right {margin-right:20px;}
	.margin-left {padding-left:20px;}
	.clear_right {clear:right;}
	.clear_left {clear:left;}
	.butt_top {;margin-top:0;}

	 
	.no-desktop {display:none;}
	.admn-photo {width:330px}


}




	
@media only screen and (min-width: 1200px) {
	
	.xlogo {
		background-position:4px 2px;
		background-size:180px 300px;
		width:190px;
	}




	.nav-item {
		font-size:0.9rem;
		padding:0 5px;
		
	}
	.nav-link {
		padding:0 5px;
	}
	.sub {
		padding:7px 12px 12px;
	}
	.input__search {
		font-size:0.9rem;
	}
	
	.item {	width:calc(25% - 20px);	margin:10px;}	
	.item__album {width:calc(50% - 20px);}
	
	
	.trips__f .item {	width:calc(20% - 20px);}	
	.thumb {width:calc(14.286% - 10px);}
	.thumbs__w .thumb {width:calc(25% - 10px);}

	
}





@media only screen and (min-width: 1404px) {

	.nav-item {
		font-size:1rem;
		padding:0 5px;
		
	}
	.nav-link {padding:0 10px;}
	
	
	.thumb {width:calc(12.5% - 10px)}





	.trip_reports {/*background:cyan;*//padding:4px 0 12px}


	.t24 .item { /*width:calc(33.33333% - 10px);*/}
	.t24 .item__noimage {/*width:calc(25% - 14px);max-width:calc(33.33333333% - 10px);*/}

	.trip_reports .item {height:140px; width:calc(33.333333% - 8px);}
/*	.trip_reports .item__noimage {width:calc(25% - 9px);max-width:calc(33.333333% - 8px);}*/

 	.t24 .item__category,
	.trip_reports .item__album {width:calc(25% - 9px)}
	
	
	.trip_reports .thumb {margin:0;width:calc(12.50% - 11px);max-width:calc(20% - 9.6px);height:140px;}
	


}






@media only screen and (min-width: 1700px) {

	html {
	font-size:105%;
	}
	
	
 
	.trip_reports {gap:20px;}
.pad_gap {padding:20px;}
	
	.trip_reports .item { width:calc(25% - 15px);}
/*	.trip_reports .item__noimage {width:calc(20% - 16px);max-width:calc(25% - 15px);}*/

	.t24 .item { width:calc(33.333333% - 13.333333px);}
/*	.t24 .item__noimage {width:calc(25% - 15px);max-width:calc(33.333333% - 13.333333px);}*/

 	.t24 .item__category,
 	.trip_reports .item__album {width:calc(20% - 16px)}



	 .item-stats {font-size:0.9rem;}
	 .item-intro {font-size:0.8rem;max-height:65px}

	.thumb {width:calc(11.111111111% - 10px)}
	.thumbs__w .thumb {width:calc(20% - 10px);}


	.trip_overlay {padding:16vh 25px 16vh;}

	.author h4{font-size:1.1rem;margin:3px 0;font-weight:700;line-height:1.2}
	.author p {font-size:0.8rem;margin:4px 0 0!important;font-weight:500;color:#34495E;line-height:1.2}
	
	.form-box__popup {max-width:800px;}
	
	.flex_row .categories {width:20%;}	
	
}