/* ==========================================================================
   Trip Planner
   ========================================================================== */

#trip-planner-wrapper { display: none;	margin: 0;	width: 100%; background: rgb(252, 249, 244) url('../images/textures/paper.jpg') 0 0 repeat; position: relative; }

#trip-planner { padding: 0; position: relative; }

#trip-planner.page-width { width: 100%; }

#trip-planner .center { margin-bottom: 0.75em; }

#trip-planner .cursive-text { margin: 0 auto; }

#trip-planner .cursive-text span { background:url('../images/textures/paper.jpg') 0 0 repeat; }

#trip-planner .icon-pushpin { background: none!important; font-size: 0.9em;	padding: 0; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal;	text-transform: none;	-webkit-font-smoothing: antialiased; }

#trip-planner .icon-pushpin:before { content: "\e00b"; }

/*#trip-planner #tripPlannerItems { font:400 2em/2em 'Crimson Text', 'serif';	color: rgb(79, 59, 48); }*/

#trip-planner .trip-list { display: block; float: none; padding: 0; margin: 0 0 0.75em 0; width: 100%; height: auto; }

#trip-planner .trip-list .sort-items {	width: 90%; padding: 2% 0 2% 0;	margin: 0 auto 0.75em auto; }

#trip-planner .trip-list .sort-items span { display: block; adding-right: 1.5em; font-family: 'Roboto Slab', serif;	font-size: 0.875em; font-weight: 700; font-style: italic;	color: rgb(79, 59, 48);	text-align: center;	margin: 0 auto; }

#trip-planner .trip-list .sort-items ul { width: 270px;	display: block; list-style: none; padding: 0.7em 0;	margin: 0.5em auto; }

#trip-planner .trip-list .sort-items ul li { float: left; }

#trip-planner .trip-list .sort-items ul li a {	font-family: 'Roboto Slab', serif; font-size: 1.0em; font-weight: 700; text-transform: uppercase;	text-decoration: none; color: rgb(155, 133, 120); padding: 0.35em 1.0em 0.35em 1.0em; margin: 0 5%; }

#trip-planner .trip-list .sort-items ul li a:hover {	color: rgb(0, 125, 155); }

#trip-planner .trip-list .sort-items ul li.active a {	color: rgb(178, 101, 40);	background: rgb(255, 245, 226);	background: rgba(255, 245, 226,0.6); 	border-top: 1px dashed rgb(79, 59, 48);	border-bottom: 1px dashed rgb(79, 59, 48); }

#trip-planner .trip-list .group { background: rgb(240, 228, 204); background: rgba(240, 228, 204, 0.6); margin: 0 0 4% 0; }

#trip-planner .trip-list .group:last-of-type { margin-bottom: 2%; }

#trip-planner .trip-list .group .group-title {	padding: 2%; font-family: 'Lobster', cursive; font-size: 1.125em;	color: rgb(255, 255, 255); background: transparent url('../images/ui/tp-group-title-flag.png') center right no-repeat; }

#trip-planner .trip-list .group #onlineBusiness,
#trip-planner .trip-list .group #antiques,
#trip-planner .trip-list .group #smalltowns,
#trip-planner .trip-list .group #amish,
#trip-planner .trip-list .group #downtown,
#trip-planner .trip-list .group #riverhills, 
#trip-planner .trip-list .group #neighbors { background-color: rgb(44, 155, 177); }

#trip-planner .trip-list .group #thingstodo { background-color: rgb(130, 129, 186); }
#trip-planner .trip-list .group #placestoeat { background-color: rgb(159, 187, 129); }
#trip-planner .trip-list .group #placestostay { background-color: rgb(44, 155, 177); }
#trip-planner .trip-list .group #wheretoshop { background-color: rgb(166, 122, 175); }

#trip-planner .trip-list .group .trip-plan-item { padding: 2%; font-family: 'Roboto Slab', serif; font-weight: 400; border-bottom: 1px solid rgb(222, 214, 210); }

#trip-planner .trip-list .group .trip-plan-item:last-of-type { border-bottom: none; }

#trip-planner .trip-list .group .trip-plan-item .member-name { font-size: 1.0em; color: rgb(178, 101, 40); padding: 1% 0; line-height: 1.25em; }

#trip-planner .trip-list .group .trip-plan-item .actions { padding: 1% 0; }

#trip-planner .trip-list .group .trip-plan-item .actions a { float: left; display: inline-block; font-size: 0.9375em; color: rgb(0, 125, 155); text-decoration: none; padding: 1.75% 0; }

#trip-planner .trip-list .group .trip-plan-item .actions .remove { float: right; display: inline-block; font-size: 1.5em; color: rgb(175, 53, 41); text-align: right; cursor: pointer;
}

#trip-planner .trip-tools { display: block; float: none; width: 96%; padding: 2%; background: rgb(226, 223, 219) url('../images/textures/farmer.jpg') 0 0 repeat; }

#trip-planner .trip-tools #accordion { }

#trip-plannerr .trip-tools #accordion .hide { display: none; }

#trip-planner .trip-tools #save, #trip-planner .trip-tools #login, #trip-planner .trip-tools #logout, #trip-planner .trip-tools #share { border-bottom: 1px solid rgb(0, 125, 155); }

#trip-planner .trip-tools .show { cursor: pointer; display: block; font-family: 'Montserrat', sans-serif; color: rgb(0, 125, 155); font-size: 1.0em; line-height: 1em; padding: 0.25em 0; margin: 0.75em 0;text-transform: uppercase; vertical-align: middle; width: 100%; }

#trip-planner .trip-tools .show i.fa { font-size: 1.5em; margin-right: 0.1em; }

#trip-planner .trip-tools #save .show { margin: 0 0 0.75em 0; }

#trip-planner .trip-tools #print .show { margin-bottom: 0; }

#trip-planner .trip-tools .no-show { /* display: none; */ }

#trip-planner .trip-tools .no-show.active { display: block; }
	
#trip-planner .trip-tools .error { }

#trip-planner .trip-tools .no-show .intro { width: 100%; font-family: 'Crimson Text', 'serif'; font-size: 1.0em; font-weight: 400;	color: rgb(79, 59, 48); line-height: 1.375em;	margin: 0 0 0.75em 0; }

#trip-planner input, textarea {	background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); border: 1px solid rgb(155, 133, 120); color: rgb(143, 136, 132); font-family: 'Montserrat', sans-serif; font-size: 0.75em; margin: 0 0 3%; padding: 3%; width: 93%; }

#trip-planner .trip-tools .no-show button { font-size: 0.8em; margin: 0 0 0.9375em; }

#trip-planner #close-button { font-family: 'Montserrat', sans-serif;	color: rgb(0, 125, 155); font-size: 1.0em; cursor: pointer; text-transform: uppercase; width: 100%; padding: 3.5% 0 3.5% 0; display: block; clear: both; text-align: center; }

#trip-planner #close-button .fa-chevron-circle-up { font-size: 1.25em; color: rgb(175, 53, 41); }

#trip-planner a.forgot-pword { float: right; }

.emptyPlannerCopy h3 { margin:2em 0 .5em 0; }

/* MODIFICAIONS FOR LOGIN ON LOGIN PAGE */

#trip-planner .trip-tools.loginPage { background:none; float:none; }

@media screen and (min-width: 40.3125em) {
#trip-planner .trip-tools.loginPage { width:50%; }

#trip-planner .trip-tools.loginPage input { padding:2%; }
}

.forgotPassword { display:block; padding:.3em 0 0 0; float:left; font-size:.9em; }

.forgotPassword a { text-decoration:none; }

.forgotPassword:before { content:"{ "; }

.forgotPassword:after { content:" }"; }

#trip-planner .trip-tools.loginPage #login,
#trip-planner .trip-tools.loginPage #save 
{ border-bottom:none; }

#trip-planner .trip-tools.loginPage #login .btn { float:left; margin-right:1.6em; }

#trip-planner .trip-tools.loginPage #save .show { margin-top:20px; }



/* ----------------------- MEDIA QUERIES ------------------------ */

/* 400px/16px = 25em */
@media screen and (min-width: 25em) {
	#trip-planner .trip-list .group .trip-plan-item { font-weight: 700; }
}

/* 440px/16px = 27.5em */
@media screen and (min-width: 27.5em) {
	#trip-planner .trip-list .sort-items span { float: left; display: inline-block; }
	#trip-planner .trip-list .sort-items ul { float: left; margin: 0; padding: 0; }	
	#trip-planner .trip-list .group .trip-plan-item { padding: 1% 2%; }
	#trip-planner input, textarea { font-size: 0.9em; margin: 0 0 2%; padding: 2%; }
	#trip-planner .trip-tools .no-show button { font-size: 1.0em; }
	#trip-planner #close-button { font-size: 1.25em; }
	#trip-planner #close-button .fa-chevron-circle-up { font-size: 1.5em; }
}

/* 520px/16px = 32.5em */
@media screen and (min-width: 32.5em) {
	#trip-planner #close-button { padding: 2% 0 2% 0; }
	#trip-planner .trip-list .group .group-title { padding: 1% 2%; }
}

/* 600px/16px = 37.5em */
@media screen and (min-width: 37.5em) {

}

/* 645px/16px = 40.3125 */
@media screen and (min-width: 40.3125em) {
	#trip-planner .trip-list .sort-items {width: 100%;}
	#trip-planner.page-width { width: 95%; }
	#trip-planner-wrapper { box-shadow: 0 0 40px -10px rgba(155, 133, 120, 0.6) inset; }
	#trip-planner { padding: 1.5% 1% 1.5% 1% }
	#trip-planner .center { margin-bottom: 1em; }
	#trip-planner .trip-list { display: block; float: left; padding: 1%; width: 64%; }
	#trip-planner .trip-tools { display: block; float: right; width: 26%; padding: 2%; }
	#trip-planner .trip-tools .show { font-size: 0.75em; }
	#trip-planner .trip-tools .show i.fa { font-size: 1.25em; margin-right: 0em; }
	#trip-planner input, textarea { font-size: 0.75em; margin: 0 0 3%; padding: 3%; }
	#trip-planner .trip-tools .no-show button { font-size: 0.8em; }
	#trip-planner #close-button { padding: 1.75% 0 1% 0; }
	#trip-planner .trip-list .sort-items { margin-bottom: 1.5em; }
	#trip-planner .trip-list .group { margin-bottom: 7%; }
	#trip-planner .trip-list .group:last-of-type { margin-bottom: 0; }
	#trip-planner .trip-list .group .group-title { font-size: 1.0em; margin: -0.95em 0 0 -0.5em; padding: 1.75% 2%; width: 64%; position: relative; }
	#trip-planner .trip-list .group .trip-plan-item .member-name { font-size: 0.875em; }
	#trip-planner .trip-list .group .trip-plan-item .actions a { font-size: 0.8125em; }
}

/* 745px/16px = 46.5625em */
@media screen and (min-width: 46.5625em) {
	#trip-planner .trip-tools .show { font-size: 0.85em; }
	#trip-planner .trip-tools .show i.fa { font-size: 1.35em; margin-right: 0.1em; } 
}

/* 800px/16px = 50em */
@media screen and (min-width: 50em) {
	#trip-planner .trip-list .group .group-title { width: 50%; }
}

/* 890px/16px = 55.625em */
@media screen and (min-width: 55.625em) {
	#trip-planner .trip-list .sort-items { margin-bottom: 2em; }
	#trip-planner .trip-list .group .group-title { width: 40%; padding: 1% 2%; margin: -0.85em 0 0 -0.5em; }
	#trip-planner .trip-list .group .trip-plan-item { padding: 2% 4%; }
	#trip-planner .trip-list .group .trip-plan-item .member-name { float: left; max-width: 70%; font-size: 0.9375em; }
	#trip-planner .trip-list .group .trip-plan-item .actions { float: right;  }
	#trip-planner .trip-list .group .trip-plan-item .actions a { padding: 0.2em 0; margin-right: 1.5em; font-size: 0.875em; }
	#trip-planner .trip-list .group .trip-plan-item .actions .remove { font-size: 1.25em }
	#trip-planner .trip-tools .show { font-size: 1.0em; }
	#trip-planner .trip-tools .show i.fa { font-size: 1.5em; margin-right: 0.1em; } 
	#trip-planner .trip-tools .no-show button { font-size: 1em; }
}