/*======================================================
** 			|     donate form style mods       |  		  **
======================================================== */
p.pad {
	padding: 10px 0;
}
.defaultbutton {
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #999;
	padding: 7px;
	color: #999;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.defaultbutton.small {
	padding: 4px;
	font-size: .9rem;
}
form.simple .readonly {
	color: #999;
}
form.simple .fm-help p {
	margin: .4em 0;
}
#donateForm .perMonth {
	display: none;
}
.input-group {
	display: table;
	width: 100%;
	vertical-align: middle;
}
.input-group input, .input-group select, .input-group .input-prepend {
	display: table-cell;
	border-collapse: collapse;
	vertical-align: middle;
}
.input-prepend {
	border: 1px solid #999;
	border-radius: 3px 0 0 3px;
	border-right: 0;
	padding: 2px 10px;
	width: 9px;
	color: #999;
}
.input-prepend+input, .input-prepend+select {
	border-radius: 0 3px 3px 0;
}

/*======================================================
** 			|     main content       |  		  **
======================================================== */
main {
	padding: 45px 0;
	color: #464646;
}

/* SAM EDITS START */

/* main h1 {
	margin: 0 0 .2rem;
	font-size: 48px;
	color: #995f33;
}  */

main h1 {
	color: #2c5234 !important;
    font-size: 56px;
    font-weight: 600;
    line-height: 75px;
    letter-spacing: 3px;
    margin-top: 10px !important;
}


/* main h2 {
	font: 400 28px/1.3em "Lato", Verdana, sans-serif;
	color: #065D75;
} */

main h2 {
	font-size: 41px;
    color: #507f70 !important;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    margin-bottom: 55px;
}

@media (min-width: 1200px){ /* These two are for the header logo and buttons on the subpages. Keep an eye on the CSS id used to target these, as they will change within the Tspark builder and also on the live site. If the header looks broken at all, this is probably why */
	
	#cmsRegion2269069C-163C-DE64-ADDEEB85E54DA6B2 > a > img { /* Make the main logo larger and position it correctly */
		/* height: 278px;
		width: 750px;
		margin-top: -62px; V.1 */
		height: 276px;
		width: 707px;
		margin-top: -64px;
		margin-left: 160px; /* Only on my home PC */
	}

	#cmsRegion1EDC5527-163C-DE64-AD61F066B2EB8348 { /* Move the two buttons up and left */
		margin-top: -30px;
		/* margin-left: -150px; V.1 */
		margin-left: -208px;
	}

}

/* SAM EDITS END */


main p, main li {
	font-size: 17px;
	color: inherit;
}
main a {
	text-decoration: none;
	font-weight: 700;
	color: #065D75;
}
main a:hover,
main a:active {
	outline: none;
	text-decoration: underline;
}

/*======================================================
** 			|     main itinerary feed       |  		  **
======================================================== */
.itins.mainfeed {
	margin: 80px 0;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.itins.mainfeed .item {
	border: 8px solid #f0ebdc;
	width: 24%;
	margin: 6px .5%;
	box-sizing: border-box;
}
.itins.mainfeed .img img {
	width: 100%;
	max-height: 200px;
	object-fit: cover;
}
.itins.mainfeed .item .details {
	padding: 28px 34px;
}
.itins.mainfeed h3, .itins.mainfeed .h3 {
	margin: 0;
}
.itins.mainfeed p {
	margin: .3em 0 0;
}


/*======================================================
** 			|     single itinerary details       |  		  **
======================================================== */
.itins.single .img {
	float: left;
	min-height: 150px;
	width: 25%;
	padding: 0 1em;
}
.object-fit .itins.single .img img {
	object-fit: contain;
	object-position: top center;
	width: 100%;
	height: 100%;
}

.itins.single .navbar {
	margin: 1em 0;
}
.navbar {
	background: #065D75;
	padding: 5px 10px;
	color: #fff;
}
.navbar a {
	color: inherit;
}


/*======================================================
** 			|     sidebar vertical menu       |  		  **
======================================================== */
main .menu-simplevert ul, main .menu-simplevert li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
main .menu-simplevert li {
	margin: 10px 0;
}
main .menu-simplevert a {
	background: #fff;
	border: 2px solid currentColor;
	color: #065D75;
	border-radius: 5px;
	display: block;
	padding: 7px;
	margin: 0;
	font: 700 1rem/1em "Lato", Verdana, sans-serif;
	text-align: center;
}
main .menu-simplevert .active a {
	background: #065D75;
	border-color: transparent;
	color: #fff;
}
main .menu-simplevert .active a:hover,
main .menu-simplevert .active a:focus {
	background: #fff;
	color: #065D75;
}
main .menu-simplevert a:hover,
main .menu-simplevert a:focus {
	color: #065D75;
	background: #fff;
}

main h1 .fa, main h2 .fa, main h3 .fa, main h4 .fa,
main .h1 .fa, main .h2 .fa, main .h3 .fa, main .h4 .fa {
	margin: 0 3px;
}

/*======================================================
** 			|     events page custom       |  		  **
======================================================== */
#main .cmsEventsList .event {
	border-bottom: 1px solid #065D75;
	padding: 15px;
}
/* main h2.eventtitle {
	color:white !important;
} */
/*#main .cmsEventsList .eventtitle,
#main .cmsEventsList .eventstartend {
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px 15px 0;
	width: auto;
}*/
.cmsEventsList .eventdescription,
.cmsEventsList .moredetail,
.cmsEventsList a.ui-button {
	margin-bottom: 8px;
}
.cmsEventsList a.ui-button {/*registration button*/
	float: left;
	clear: both;
	display: block;
	width: auto;
}

.distance {
	display: inline-block;
	margin: 0 5px;
	color: #0c5a23;
}

/*======================================================
** 			|     pagination       |  		  **
======================================================== */


/*pagination*/
.paging {
	text-align: center;
	display: block;
}
.paging li {
	display: inline-block;
}
.paging a {
	display: block;
	position: relative;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    background-color: #fff;
    border-radius: 4px;
    margin-left: -1px;
    font-weight: 400;
    font-size: 24px;
    color: #065D75;
}
.paging a:hover, .paging a:focus {
    background-color: rgb(238, 238, 238);
}
.paging .active a {
	font-weight: 700;
}
.paging .prev a,
.paging .next a {
	font-size: 0;
	line-height: 0;
}
.paging .prev a:before,
.paging .next a:before {
	border: 9px solid transparent;
	width: 0;
	height: 0;
	content: "";
	display: block;
	position: absolute;
	top: -12px;
}
.paging .prev a:before {
	border-right-color: #c0bdb6;
	left: 0;
}
.paging .next a:before {
	border-left-color: #c0bdb6;
	right: 0;
}
.paging .disabled a {
    color: #888;
}


/*======================================================
** 			|     Facebook feed       |  		  **
======================================================== */
.feed {
	padding-top: 15px;
	padding-bottom: 15px;
}
.feed-post {
	border-bottom: 1px solid #065D75;
	position: relative;
	padding: 15px 17px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.feed-post:last-of-type {
	border-bottom: 0;
}
.feed-post__img {
	width: 35%;
}
.feed-post__img img,
.feed-post__img iframe {
	max-width: 100%;
}
html.object-fit .feed-post__img img,
html.object-fit .feed-post__img iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.feed-post__img-author {
	display: none;
}
.feed-post__body {
	box-sizing: border-box;
	padding-left: 20px;
	width: 65%;
}
.feed-post h5 {
	margin: 0 0 15px;
	color: #065D75;
}
.feed-post h5 a {
	text-decoration: none;
	color: inherit;
}
.feed-post p {

}
.feed-post__icon {
	position: absolute;
	bottom: 10px;
	right: 15px;
	color: #999;
}



@media screen and (max-width: 500px) {
	.feed-post {
		display: block;
	}
	.feed-post__img,
	.feed-post__body {
		width: auto;
	}
	.feed-post__img {
		margin-bottom: 1em;
	}
}