/*======================================================
** 			|     HTML5b normalize.css       |  		  **
======================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
i,em {font-style:italic;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
/*table { border-collapse: collapse; border-spacing: 0; }*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
/*td { vertical-align: top; }*/

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
/*
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
*/
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
body, html {
	min-height: 100%;
}/*
#container a[href^="tel:"] {
	color: inherit;
}*/
.flex-direction-nav a {
	transition: .3s ease;
}


/*======================================================
** 			|     accessible       |  		  **
======================================================== */
.sr-only {
	position: absolute;
	z-index: 9999999;
	left: -10000px;
}
.skiptocontent {
	background-color: #222;
	width: 100%;
	display: block;
	padding: .7rem 0;
	text-decoration: underline;
	text-align: center;
	color: #fff;
}
.skiptocontent:focus {
	left: 0;
	right: 0;
}
.loggedin .skiptocontent { top: 35px; }

/*======================================================
** 			|     grid.css       |  		  **
======================================================== */
.clearfix:before,
.clearfix:after,
.grid:before,
.grid:after {
    content: "";
    display: table;
}
.clearfix:after,
.grid:after {
    clear: both;
}
.clearfix, .grid {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.grid.equalHeight {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;/*allow to wrap if too many columns*/
}
form.simple .grid [class*="col-"] {/*override formstyle.css*/
	float: left;
	clear: none;
}
.grid [class*="col-"] {
	padding-left: 12px;
	padding-right: 12px;
	float: left;
	clear: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;/*keeps it from collapsing fully. allows other columns to float alongside.*/
}
.grid.nopad > [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}
.grid [class*="col-"]:last-child {
	float: right;/*so edges always line up.*/
}
.grid.edges {
	margin-left: -12px;
	margin-right: -12px;
	box-sizing: content-box;
}
.grid .col-1 {
	width: 4.1666%;
}
.grid .col-2 {
	width: 8.3%;
}
.grid .col-3 {
	width: 12.5%;
}
.grid .col-4 {
	width: 16.666%;
}
.grid .col-5 {
	width: 20.8333%;
}
.grid .col-6 {
	width: 25%;
}
.grid .col-7 {
	width: 29.1666%;
}
.grid .col-8 {
	width: 33.333%;
}
.grid .col-9 {
	width: 37.5%;
}
.grid .col-10 {
	width: 41.666%;
}
.grid .col-11 {
	width: 45.8333%;
}
.grid .col-12 {
	width: 50%;
}
.grid .col-13 {
	width: 54.1666%;
}
.grid .col-14 {
	width: 58.333%;
}
.grid .col-15 {
	width: 62.5%;
}
.grid .col-16 {
	width: 66.666%;
}
.grid .col-17 {
	width: 70.8333%;
}
.grid .col-18 {
	width: 75%;
}
.grid .col-19 {
	width: 79.1666%;
}
.grid .col-20 {
	width: 83.333%;
}
.grid .col-21 {
	width: 87.5%;
}
.grid .col-22 {
	width: 91.666%;
}
.grid .col-23 {
	width: 95.8333%;
}
.grid .col-24 {
	width: 100%;
}

.show-900, .show-1000, .show-800, .show-700, .show-600, .show-500, .show-400 {
	display: none;
}
@media screen and (max-width: 1100px) {
	.grid.equalHeight.break-1100 { display: block; }
	.grid.break-1100.edges {
		margin-left: 0;
		margin-right: 0;
	}
	.grid.break-1100 > [class*="col-"]{
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
	.hide-1100 {
		display: none;
	}
	.show-1100 {
		display: block;
	}
}
@media screen and (max-width: 1000px) {
	.grid.equalHeight.break-1000 { display: block; }
	.show-1000 {
		display: block;
	}
	.hide-1000 {
		display: none;
	}
	.grid.break-1000.edges {
		margin-left: 0;
		margin-right: 0;
	}
	.grid.break-1000 > [class*="col-"] {
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
}
@media screen and (max-width: 900px) {
	.grid.equalHeight.break-900 { display: block; }
	.show-900 {
		display: block;
	}
	.hide-900 {
		display: none;
	}
	.grid.break-900.edges {
		margin-left: 0;
		margin-right: 0;
	}
	.grid.break-900 > [class*="col-"]{
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
}
@media screen and (max-width: 800px) {
	.grid.equalHeight.break-800 { display: block; }
	.hide-800 {
		display: none;
	}
	.show-800 {
		display: block;
	}
	.grid.break-800.edges {
		margin-left: 0;
		margin-right: 0;
	}
	.grid.break-800 > [class*="col-"]{
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
}
@media screen and (max-width: 700px) {
	.grid.equalHeight.break-700 { display: block; }
	.hide-700 {
		display: none;
	}
	.show-700 {
		display: block;
	}
	.grid.break-700.edges {
		margin-left: 0;
		margin-right: 0;
	}
	.grid.break-700 > [class*="col-"] {
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
}
@media screen and (max-width: 600px) {
	.grid.equalHeight.break-600 { display: block; }
	.hide-600 {
		display: none;
	}
	.show-600 {
		display: block;
	}
	.grid.break-600.edges {
		margin-left: 0;
		margin-right: 0;
	}
	.grid.break-600 > [class*="col-"]{
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
}
@media screen and (max-width: 500px) {
	.grid.equalHeight.break-500 { display: block; }
	.hide-500 {
		display: none;
	}
	.show-500 {
		display: block;
	}
	.grid.break-500.edges {
		margin-left: 0;
		margin-right: 0;
	}
	.grid.break-500 > [class*="col-"] {
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
	form.simple .grid [class*="col-"] {/*override formstyle.css*/
		float: none;
		clear: both;
		padding: 0;
		width: auto;
	}
}
@media screen and (max-width: 400px) {
	.grid.equalHeight.break-400 { display: block; }
	.hide-400 {
		display: none;
	}
	.show-400 {
		display: block;
	}
	.grid.break-400.edges {
		margin-left: 0;
		margin-right: 0;
	}
	.grid.break-400 > [class*="col-"]{
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
}

/*======================================================
** 	|     extra form styles - besides the CMS' ".simple" styles.  | 	  **
======================================================== */
.simple input[type="radio"],
.simple input[type="checkbox"] {
	min-height: 0;
}
.simple .selectIcon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #999;
	padding: 7px;
	padding-right: 30px;
	width: 130px;
	height: 35px;
	box-sizing: border-box;
	color: #999;
}
form.simple .selectIcon select {
	background: none;
	border: 0;
	padding: 3px 7px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;/*show IN FRONT OF icon so that clicking on the icon will actually click on and open the select box!*/
	display: block;
	width: 100%;
}
.simple .selectIcon::after {
    border: 7px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 13px;
    right: 8px;
    content: "";
    width: 0;
    height: 0;
    z-index: 1;/*show behind select so that clicking on the icon will actually click on and open the select box!*/
}


/*======================================================
** 			|     CMS search form styles       |  		  **
======================================================== */
.searchForm input {
	box-sizing: border-box;
	border-radius: 3px;
	float: left;
	height: 47px;
	border: 1px solid #999;
	background-color: #fff;
	padding: 10px 15px;
}
.searchForm input.searchinput {
	width: 50%;/*allow 50% room for the submit button*/
}
/*======================================================
** 			|     buttons.       |  		  **
======================================================== */

#container .blueButton:before,
#container .graybutton:before,
#container .redButton:before,
#container .orangebutton:before,
#container .greenbutton:before,
#container .blueButton:after,
#container .graybutton:after,
#container .redButton:after,
#container .orangebutton:after,
#container .greenbutton:after {
	display: none;
}
#container .blueButton,
#container .graybutton,
#container .redButton,
#container .orangebutton,
#container .greenbutton,
input.searchsubmit,
#container .cmsWindowSave {
	background: none;
	border-radius: 2px;
    display: inline-block;
    padding: 11px;
    height: auto;
    border: 2px solid transparent;
    margin: 0 5px;
    transition: all 0.15s ease 0s;
    box-sizing: border-box;
    font: 700 1rem / 1.2rem "Lato", Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}
#container .blueButton.small,
#container .graybutton.small,
#container .redButton.small,
#container .orangebutton.small,
#container .greenbutton.small {
	padding: 2px 6px 3px;
	text-transform: none;
	font-size: .9rem;
}
#container .greenbutton {
    background-color: #19661e;
    border-bottom-color: #19661e;
}
#container .graybutton {
	background: url('/images/btn-bac-gold.png') no-repeat center center/cover #e2d9bb;
	border: none;
	padding: 13px 40px;
	position: relative;
	top: -1px;
	font-family: "Crimson Text", Helvetica, sans-serif;
	font-size: 20px;
	color: #995f33 !important;
}
#container .blueButton, input.searchsubmit, #container .cmsWindowSave {
	background-color: #066580;
	border-color: #066580;
}
#container .orangebutton {
	background-color: #b15f1d;
	border-color: #b15f1d;
}
#container .redButton {
	background-color: #a10000;
	border-color: #a10000;
}
#container .blueButton:hover,
#container .graybutton:hover,
#container .redButton:hover,
#container .orangebutton:hover,
#container .greenbutton:hover,
#container .blueButton:focus,
#container .graybutton:focus,
#container .redButton:focus,
#container .orangebutton:focus,
#container .greenbutton:focus,
input.searchsubmit:hover,
input.searchsubmit:focus {
	background-color: #fff;
	text-decoration: none;
	outline: none;
	color: #222 !important;
}
#container .graybutton:hover, #container .graybutton:focus {
	background-color: #e2d9bb;
}

.btn-link {
	border: 0;
	background: none;
	color: inherit;
}
/*
#container .blueButton.block,
#container .graybutton.block,
#container .redButton.block,
#container .greenbutton.block {
	 display: block;
	 margin: 2px 0;
	 text-align: center;
 }
*/
/*======================================================
** 			|     owl carousel       |  		  **
======================================================== */
/*#container .owl-carousel * {
	max-width: none;
}*/
.owl-carousel .owl-stage {
	max-width: none;
}
.owl-wrapper-outer {
	background: #f4f3f3;
	overflow: hidden;
}
.owl-stage:after {
	display: table;
	clear: both;
	content: "";
}
.gallery .owl-item {
	float: left;
}
.owl-controls,.owl-nav {
	padding: 5px;
	text-align: right;
	clear: both;
}
.owl-carousel .owl-controls .owl-prev,
.owl-carousel .owl-controls .owl-next,
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
	background: url('/images/icon_nav_arrow_right.png') no-repeat center #000;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 5px;
	display: inline-block;
	font-size: 0;
	width: 30px;
	height: 30px;
	margin: 0 2px 0 0;
	font-size: 0;
	cursor: pointer;
}
.owl-carousel .owl-controls.disabled,
.owl-carousel .owl-nav.disabled {
	display: none;
}
.owl-carousel .owl-controls .owl-next.disabled,
.owl-carousel .owl-controls .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled,
.owl-carousel .owl-nav .owl-prev.disabled  {
    opacity: .5;
    cursor: default;
}
.owl-prev {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	right: 20px;
}


/*======================================================
** 			|     print.css       |  		  **
======================================================== */
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; }
  .printThisPage, .cmsTopToolbar { display: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  /*a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }*/
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


/*======================================================
** 			|     font styles       |  		  **
======================================================== */
main {
	color: #464646;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	padding: 0px;
	margin: .6em 0em;
	font: 600 1rem/1em "Lato", Verdana, sans-serif;
}
main h1:first-of-type, main h2:first-of-type, main h3:first-of-type,
.bar h1:first-of-type, .bar h2:first-of-type, .bar h3:first-of-type,
main .h1:first-of-type, main .h2:first-of-type, main .h3:first-of-type,
.bar .h1:first-of-type, .bar .h2:first-of-type, .bar .h3:first-of-type {
	margin-top: 0;
}
h1, h2,
.h1, .h2 {
	font: 600 39px/1.2em "Crimson Text", Helvetica, sans-serif;
}
h2, .h2 {
	color: #995f34;
}
h3, .h3 {
	font-weight: 400;
	font-size: 24px;
	color: #066580;
}
h4, .h4 {
	font-size: 19px;
	color: #995f33;
}
p {
	padding: 0px;
	margin: 0 0 1em;
}
ul {
	margin: .4em 0 .3em 1em;
}


body .alert {
	margin-bottom: 15px;
}
body .simple .alert {
    padding: 10px;
}
.alert a {
    color: inherit;
}
.alert.flat {
	background: none;
    border: 1px solid currentColor;
    border-radius: 0;
}
.alert.flat.warning {
    color: #995f33;
}

/*		imgcrop stuff		*/
.imgcrop {
	overflow: hidden;
}
.imgcrop img.height100 {
	height: 100%;
}
.imgcrop img.width100 {
	width: 100%;
}


/*======================================================
 	|  some really marvelous CMS Gallery fixes using flexbox. 	|
	| 			Centers ANY size / ratio image!  		   		|
======================================================== */
.scrollable .flexslider {
	background: #efefef;
	border-radius: 0;
	box-shadow: none;
	border: 0;
	padding: 0;
}
.scrollable .flexslider .flex-active-slide {
	display: block;
}
.flexslider .slides > li:first-of-type {
	display: block;
}

/*======================================================
** 			|     owl carousel       |  		  **
======================================================== */
/*
.owl-stage-outer {
	background: #f4f3f3;
}
*/
.owl-nav {
	padding: 5px;
	text-align: right;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
	background: url('/images/icon_nav_arrow_right.png') no-repeat center #000;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 5px;
	display: inline-block;
	font-size: 0;
	width: 30px;
	height: 30px;
	margin: 0 2px 0 0;
	cursor: pointer;
}
.owl-carousel .owl-nav .owl-next.disabled,
.owl-carousel .owl-nav .owl-prev.disabled {
    background-color: rgba(0, 0, 0, 0.2);
    cursor: default;
}
.owl-prev {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	right: 20px;
}
/*======================================================
** 			|     template styles       |  		  **
======================================================== */
html,html[lang] {/*just to override Bootstrap's stinking html font-size: 10px;*/
	font: 17px/1.2em "Lato", Verdana, sans-serif;
}

.container {
	width: 1124px;
	margin-left: auto;
	margin-right: auto;
}
.container.narrow {
	width: 785px;
}

/*		notification bar	*/
.notifBar {
	background: #066580;
	/*padding: 5px 0; - Nevermind - we want this to collapse if empty!*/
	text-transform: uppercase;
	color: #fff;
}
.notif::after {/*do a clearfix without having to specify the clearfix class.*/
    content: "";
    display: table;
    clear: both;
}
.notif p {
	margin: 0;
	padding: .3rem 0;
}
.notif, .notif p, .notif span {
	font-size: .75rem;
	font-weight: 700;
}

/*		masthead	*/
.header {
	background: #000;
	height: 120px;
	color: #fff;
}
.header a {
	color: inherit;
}
.logo {
	margin-top: 20px;
	position: relative;
}
.logo img {
	position: absolute;/*keeps out of page flow so it doesn't affect banner.*/
	z-index: 1;
}

.rwdHeaderLogo {
	display: none;
}


/*======================================================
** 			|     header translate menu       |  		  **
======================================================== */
#google_translate_element {
	float: right;
	margin-left: 4px;
	margin-top: 14px;
}

#google_translate_element .goog-te-gadget-simple {
	background: #333;
	border: 0;
	padding: 8px;
	color: #fff;
}
#google_translate_element .goog-te-gadget-simple,
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value {
	color: #fff;
}
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {
	color: inherit !important;
}


/*======================================================
** 	 quicklinks - row of buttons at top of header  	  **
======================================================== */
.quicklinks {
	float: right;
}
.quicklinks {
	width: 550px;
	height: 69px;
}
.quicklinks p {
	padding: 0;
	margin: 0;
}
.quicklinks .btn {
	box-sizing: border-box;
	border-radius: 0;
	border: 0;
	float: right;
	height: 50px;
	width: 115px;
	padding: 5px;
	margin: 0 5px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
}
.quicklinks .btn.trip {
	background: url('/images/btn-bac-gold.png') no-repeat center center/cover #e2d9bb;
	font-family: "Crimson Text", Helvetica, sans-serif;
	font-size: 19px;
	color: #995f33;
}
.quicklinks .btn.books {
	background-color: #066580;
}
.quicklinks .btn.give {
	background: #955f37;
	width: 75px;
}
#container .quicklinks .blackbutton:hover,
#container .quicklinks .blackbutton:focus {
	color: #066580 !important;
}



/*======================================================
** 		    header (desktop) navigation     	 **
======================================================== */
.btn-reset {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 0;
	background: none;
	color: inherit;
}
body .toggleNav {
	display: none;
}
.slideStyle .toggleNav {
	display: block;
	padding: .5rem;
	float: right;
}
.iconHeader .ui-state-default {
	/*	AWFUL jquery ui messing up every single <button> tag on the site.*/
	background: none !important;
	border: none !important;
}
.iconHeader .ui-widget {
	/*	AWFUL jquery ui messing up every single <button> tag on the site.*/
	font-size: inherit !important;
}
.iconHeader .ui-button-text {
	/*	AWFUL jquery ui messing up every single <button> tag on the site.*/
	padding: 0 !important;
}
.iconHeader .fa {
	/*	AWFUL jquery ui messing up every single <button> tag on the site.*/
	/* font-size: 1rem !important; */
	line-height: inherit !important;
}
.iconHeader .fa-2x {
	/*	AWFUL jquery ui messing up every single <button> tag on the site.*/
	/* font-size: 2em !important; */
	line-height: inherit !important;
}
/*if mobile slide-in style*/
.nav {
	clear: both;
}
.navSpot.horizStyle {
	float: left;
}

.navSpot .menu-pulldown li.level1.link6,
.navSpot .menu-pulldown li.level1.link7,
.navSpot .menu-pulldown li.level1.link8 {
	display: none;/*hide for desktop!!!*/
}
/*======================================================
** 			|     header search       |  		  **
======================================================== */
header .search {
	margin-top: 8px;
	height: 60px;
	color: #eee;
}
.search .toggleSearch {
	background: none;
	border: 0;
	color: inherit;
}
.search .fa {
	color: inherit;
}
#searchDrop {/*controlled by toggle button*/
	background: #000;
	display: none;
	padding: 15px;
	width: 385px;
	position: absolute;
	z-index: 20;
	top: 122px;
	right: 0;
}
#searchDrop label {
	font-size: 21px;
}

header .search {
	float: right;
}


/*======================================================
** 			|     		banner		       |  		  **
======================================================== */
body .banner .flexslider li img,
body .banner img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
.banner .flexslider {
	background: none;
	border-radius: 0;
	border: 0;
	padding: 0;
	box-shadow: none;
}
.banner .slides > li:first-child {display: block;}
.banner .description {
    position: absolute;
    bottom: 3em;
    left: 3em;
}
.banner .description .text {
	background: rgba(0,0,0,0.7);
	padding: 1em;
	color: #fff;
}
.banner .description .text p {
	margin: .3em 0;
}

/*vertically center the nav icons*/
.banner .flex-control-nav {
	line-height: 0;
}
.banner .flex-control-nav li {
	line-height: 1;
}


/*======================================================
** 			|     homepage main       |  		  **
======================================================== */
.home {
	background: #efecdd;
}
.home .container--box {
	background: #fff;
	box-sizing: border-box;
	padding: 25px;
}
/*======================================================
** 			     		.homeIntro      	   		  	**
** 			some explanatory text						**
** 			 Goes under .banner, above .itins		**
======================================================== */
.homeIntro {
	padding-top: 10px;
}
.homeIntro h1 {
	/* color: #995f34; */
}
/*======================================================
** 			     		.itins      	   		  	**
** 	shows all destination itineraries on the site	**
** 			 Goes under .homeIntro, above .events		**
======================================================== */
.home .itins.featured {
	margin-top: 30px;
	margin-bottom: 35px;
	font-size: 0;/*remove the white space around inline-block elements.*/
}
.itins__itin {
	width: 31%;
	margin-bottom: 36px;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
	font-size: 1rem;
}
.itin__link,
.itin__teaser {
	display: none;
}
html.object-fit .itin__img {
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.itin__img {
	line-height: 0;
	overflow: hidden;
}
.itin__name a {
	text-decoration: none;
	font-weight: 400;
	color: #185D77;
}
.itin__name a:hover,
.itin__name a:focus {
	text-decoration: underline;
}
html.object-fit #container .itin__img img {/*browser supports object-fit property*/
	width: 100%;
	height: 170px;
	object-fit: cover;
	object-position: center;
}
html.no-object-fit .itin__img .img {/*browser does NOT support object-fit property*/
	width: 100%;
	height: 170px;
	position: relative;
	overflow: hidden;
}
html.no-object-fit .itin__img {
	position: relative;
	height: 170px;
}
html.no-object-fit .itin__img img {/*browser does NOT support object-fit property*/
	min-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#container .itins.featured .blueButton {
	width: 100%;
	display: block;
	margin-bottom: 10px;
	padding: .4em .6em;
	text-align: center;
	font-size: .9rem;
}


/*======================================================
** 			|     event community form tweaks       |  		  **
======================================================== 
form[action="?action=submitWDDX"] label[for="location"] {
	font-size: 0;
}
form[action="?action=submitWDDX"] label[for="location"]:before {
	content: "Address";
	font-weight: 700;
	text-align: right;
	font-size: 1rem;
}*/


/*======================================================
** 			|     custom events system / search       |  		  **
======================================================== */
.cmsEvents:after {
	display: table;
	content: "";
	clear: both;
}
.cmsEvents .event-search {
	width: 30%;
	float: left;
	padding-right: 35px;
	box-sizing: border-box;
}
.cmsEvents .cmsEventsList {
	width: 70%;
	float: left;
}


.cmsEvents .event-search fieldset {
	margin-left: 0;
}
.cmsEvents .event-search legend {
	width: 100%;
	padding: .5em;
	margin: 1em 0;
	box-sizing: border-box;
}
/*======================================================
** 			     		.events      	   		  	**
** 				each event is a column.				**
** 			 Goes under .itins, above .about		**
======================================================== */
.events {
	border-top: 2px solid #000;
	padding: 20px 0;
}


/*		CUSTOM Featured events			*/
.events h2 {
	margin-bottom: 0;
}
.events__featured {
	margin: .5em 0;
}
/*
.events .allLink {
	text-transform: uppercase;
	text-decoration: none;
	font-size: .875rem;
	font-weight: 700;
	color: #134071;
}
.events ul, .events li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.events li a {
	font: 700 18px/1.3em "Lato", Verdana, sans-serif;
	text-decoration: none;
	color: #066580;
}
.events .event {
	padding: 15px 0 25px;
}*/
.events .eventlocation {
	display: none;
}
.events .eventdescription {
	display: block;
	clear: both;
	margin: 8px 0;
	line-height: 1.3em;
}
.events .date, .events .title {
	display: block;
	margin-bottom: .5em;
}
.events .date {
	margin-right: 15px;
	font: 700 22px/1.3em "Lato", Verdana, sans-serif;
	color: #066580;
}
.events .title {
	font-size: 18px;
}
.events a {
	text-decoration: none;
	color: #066580;
}

/*======================================================
** 			     		News tweaks														**
======================================================== */
body .newsstory:not(:last-of-type) {
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid #eaeaea;
}
body .newsstory h2 {
	font-size: 1.3rem;
}

/*======================================================
** 			     		.about      	   		  	**
** 		white two-column bar with images and text	**
** 		 Goes under .events and above .sponsors		**
======================================================== */
.about {
	/* border-top: 2px solid #000; */
	padding: 35px 0;
}
.about__images a {
	text-decoration: none;/*remove that stupid underline from the <a> tag which is wrapping the image.*/
}
/*======================================================
** 			    	 .sponsors	         		  	**
** 		white bar with all the sponsor logos.		**
** 		 Goes in, or under, .aboutSection.			**
======================================================== */
.brownTitle {
	background: #b15f1d;
	padding: .4em 0 .2em;
	text-align: center;
	color: #fff;
}

body .sponsors .gallery .photo {
	background: #fff;
	margin-bottom: 15px;
	height: auto;
}
body .sponsors .gallery .imgDesc {
	background: transparent;
	border: 0;
	position: static;
    color: #333;
}
#container .sponsors .photo img {
	margin: 0 auto !important;
	/* max-width: ; */
	width: 300px;
	height: 175px !important;
	padding: 30px 15px 20px;
    box-sizing: border-box;
	object-fit: contain;
	object-position: center;
}


.sponsors .owl-nav {
    width: 100%;
    padding: 0;
}
.sponsors .owl-nav .owl-prev,
.sponsors .owl-nav .owl-next {
    position: absolute;
    top: 40%;
	right: -30px;
}
.sponsors .owl-nav .owl-prev {
	right: auto;
	left: -30px;
}



/*======================================================
** 			     .connected         		  	**
** 		white bar with social links, mailing list, 	**
** 			AND floating addThis icons.				**
** 		 Goes under .sponsorSection, 				**
** 		but looks like it "overlays" the footer.	**
======================================================== */
.connected {
	border-top: 13px solid #b15f1d;
	background: #fff;
	padding: 44px;
}
.connected__social {
	background: #f6f6f6;
	padding: .5rem 0 .3em;
	text-align: center;
	color: #2c8aaf;
}
.connected__social h2,
.connected__social p {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}
.connected__social h2 {
	margin-right: .5em;
	font-size: 1.8rem;
	color: #2e8aac;
}
.connected__maillist {
	color: #2e8aac;
}
.connected__maillist h3 {
	margin-top: 0;
}
.connected__maillist .cmsWindowSave {
	margin-left: 0 !important;
}



/*======================================================
** 			|     site search - fake checkboxes       |  		  **
======================================================== */
.byRegion .block {
	position: absolute;
	left: 62px;
	color: #fff;
}
.siteSearch .checkbox.block:not(.byRegion .block) {
	position: relative;
	margin-left: 15px;
}
.siteSearch .checkbox.fake:not(.byRegion .fake) {
	position: absolute;
	left: -15px;
	top: 7px;
}
.byRegion .block .checkbox {
	position: absolute;
	top: 6px;
	left: -17px;
	border-color: #fff;
}
.byRegion .upper {
	top: 62px;
}
.byRegion .middle {
	top: 163px;
}
.byRegion .lower {
	top: 258px;
}
.byRegion .fake.checkbox.checked {
	background-color: #fff;
}

/*middle panel with lots of fake checkboxes*/
.siteSearch label, .siteSearch .fake {
	color: inherit;
}
.siteSearch input.replaced {
	visibility: hidden;/*	allow screenreaders to still see it!	*/
}
.fake.checkbox {
	border: 1px solid #464646;
	width: 7px;
	height: 7px;
	display: inline-block;
	vertical-align: middle;
}
.fake.checkbox.checked {
	background: #000;
}
.siteSearch .interest {
	padding-bottom: 25px;
}
.siteSearch .keyword legend {
	margin: 0;
}
.siteSearch .keyword .block {
	margin: 20px 0;
}


/*======================================================
** 			|     NEW custom "addthis" social links using FontAwesome icons       |  		  **
======================================================== */
body .addthiszone.shareBtns {
	position: fixed;
	z-index: 888;
	top: 0;
	left: 0;
	bottom: 0;
	width: 45px;
}
body .addthiszone.shareBtns ul.share {
	position: absolute;
	top: 30%;
	left: 0;
}
body .addthiszone.shareBtns li {
	display: block;
}
body .addthiszone.shareBtns li a {
	padding: 14px 12px;
	width: 55px;
	transition: padding-left .3s;
}
body .addthiszone.shareBtns li a:hover,
body .addthiszone.shareBtns li a:focus {
	padding-left: 18px;
}


/*======================================================
** 			|     footer upper       |  		  **
======================================================== */
#upperFooter {
	background: #333;
	padding-bottom: 25px;
	color: #fff;
}

/*======================================================
** 			|     footer menu       |  		  **
======================================================== */
.footer__menu {
	padding: 50px 0;
}
.footer__menu ul.level1 {
	text-align: center;
}
.footer__menu li a {
	color: inherit;
}
.footer__menu li.level1>a::after {
	content: ">";
	display: inline-block;
	vertical-align: middle;
	color: #a1591f;
}
/*		lower footer - dark grey		*/
#lowerFooter {
	background: #303030;
	padding-bottom: 50px;
	color: #fff;
}
.footer__submenu {}
.footer__submenu ul.level1 {
	text-align: center;
}
.footer__submenu li {
	margin: 5px 0;
}
.footer__submenu li a {
	padding: 1px 10px;
	border-right: 1px solid #fff;
	text-transform: none;
	text-decoration: none;
	font-weight: 400;
	font-size: 16px;
	color: inherit;
}
.footer__submenu li:last-of-type a {
	border-right: 0;
}


/*copyright*/
#lowerFooter .copyright {
	border-top: 1px solid #fff;
	padding: 15px 0;
	font-size: 14px;
}
.copyright .right {
	text-align: right;
}
.copyright p {
	margin: 0 0 .4em;
}
.copyright a {
	text-decoration: underline;
	color: inherit;
}



/*======================================================
** 			|     "Recommended for you" feed       |  		  **
======================================================== */
.rec-feed {
	padding: 4rem 0;
}
.rec-feed h2 {
	text-align: center;
}
.rec-feed-list {
	display: flex;
	flex-wrap: nowrap;
}
.rec-item {
	background: #ebebeb;
	width: 24%;
	margin: .5%;
	display: inline-block;
	padding: 1em;
	box-sizing: border-box;
}
.rec-item__img {
	background: #ccc;
	width: 100%;
	height: 175px;
	overflow: hidden;
	position: relative;
}
.rec-item__img img {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	transform: translateY(-50%);
}
.object-fit #container .rec-item__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: none;
	position: static;
}
.rec-item__distance {
	float: left;
	width: 45%;
	display: none;
}
.rec-item__date {
	float: right;
	width: 45%;
	text-align: right;
}
.rec-item__title {
	margin-top: 1.4em;
}
.rec-item__title a {
	text-decoration: none;
	color: inherit;
}
.rec-item__title a:hover,
.rec-item__title a:active {
	text-decoration: underline;
}
.rec-item__teaser {
	margin-bottom: 1em;
}
.rec-item__btn {
	background: #066580;
	display: inline-block;
	padding: .5em 1em;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}
.rec-item__btn:hover,
.rec-item__btn:active {
	background: transparent;
	text-decoration: underline;
	color: #222;
}

/*======================================================
** 			|     Site Map CSS     |  		  **
======================================================== */
.sitemap .sitemapsection{
	margin-left: 6px;
}
.sitemap .sitemapsection .sitemapHeading{
	margin-left: -22px;
	font-size: 16px;
}

/*======================================================
** 			|     slidestyle nav       |  		  **
======================================================== */
.slideStyle .nav {
	background: #333;
	color: #ccc;
}
.slideStyle .menu-pulldown ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.slideStyle .menu-pulldown li {
	position: static;
	display: block;
	float: none;
	padding: 0;
	margin: 0;
}
.slideStyle .menu-pulldown li a {
	display: block;
	padding: 1rem;
	width: auto;
	box-sizing: border-box;
	border-bottom: 0;
	font-weight: 100;
	text-decoration: none;
	border-bottom: 1px solid #999;
	color: inherit;
}
.slideStyle .menu-pulldown li a:hover,
.slideStyle .menu-pulldown li a:focus {
	background-color: #fff;
	color: #000;
}

/*	2nd-level and third-level menus	*/
.slideStyle .menu-pulldown ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}


.navSpot .toggle {
	background: #fff;
	border: 0;
	padding: .5rem;
	display: block;
	z-index: 100;
	margin: .5rem;
	font-size: 1.5rem;
}

.slideStyle li.hasSubmenu > a:after {
	font-family: "FontAwesome";
	content: "\f054";
	float: right;
	position: relative;
	width: 16px;
	height: 16px;
}

/*		2nd-level menus		*/
.slideStyle li ul {
	position: static;
}

/*======================================================
			menu levels - like hgtv.com
	allow the user to click-to-navigate through the various levels of the menu
======================================================== */
.slideStyle .menu-pulldown {/*animate the left-to-right sliding*/
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	transition: transform .3s ease;
}
.slideStyle .links {
	border-bottom: 1px solid #999;
}
.slideStyle .backLink,
.slideStyle .closeLink {
	display: block;/*hide by default, show IF menu has "slideStyle" class*/
	background: none;
	border: 0;
	width: 40%;
	display: block;
	float: left;
	height: 2.5rem;
	padding: .5rem .7rem;
	box-sizing: border-box;
	text-align: left;
	color: inherit;
}
.slideStyle .backLink {
	display: none;
}
.slideStyle .closeLink {
	float: right;
	text-align: right;
}
.slideStyle .backLink:hover,
.slideStyle .backLink:focus,
.slideStyle .closeLink:hover,
.slideStyle .closeLink:focus {
	background-color: #fff;
	color: #000;
}
.slideStyle ul {/*top-level ul.*/
	position: relative;/*Each ul should be the reference point for child uls - child levels, that is*/
	width: 100%;/*each ul should be 100% width of its parent - essentially, all the same width. 256px, for ex.*/
}
.slideStyle ul ul {/*may or may not be display:none; each ul should show to the right of its parent ul*/
	background: none;
	position: absolute;
	padding: 0;
	margin: 0;
	box-shadow: none;
	top: 0;
	left: 100%;/*show submenu to the right by a factor of 100% of the width of its parent*/
}
.slideStyle li li {
	position: static;/*don't orient top of menu ul to top of menu li, orient them to top of parent menu ul*/
}
.slideStyle li li a {
	width: auto;
}



/*======================================================
** 			|     slideyNav  styles       |  		  **
======================================================== */
.pagepanel {
	background: #fff;/*so it covers up the menu*/
}
/*our slidein nav*/
.slideStyle .nav {
	background: #333;
	opacity: 1;
	position: fixed;
	z-index: 500;
	top: 0;
	left: -200px;/*slide in from left by default. use .right class to switch to right styles*/
	right: auto;
	top: 0;
	height: 100vh;
	right: -200px;
	width: 200px;
	overflow-y: auto;
	margin: 0;
}
.slideStyle .nav.right {/*if they want it to slide in from the right, not left*/
	right: -200px;
	left: auto;
}
/*hamburger icon to show/hide the mobile menu*/
.slideStyle .toggle {
    background: none;
	border: 0;
    display: block;
    float: right;
    padding: .5rem;
    margin: 0;
    color: #fff;
}
.toggle img {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    top: 1px;
}
/*
	note that we DON"T slide the nav per se, it slides with the header.
	We need an artificial, static height for the nav,
		because top:0 and bottom:0 both refer to the parent #headercontainer
		which is only 130px tall or so.
*/
.pagepanel,
.slideStyle .nav {
	-webkit-transition: left .3s ease,right .3s ease;
	-moz-transition: left .3s ease,right .3s ease;
	transition: left .3s ease,right .3s ease;
}
.pagepanel {
	position: relative;
	left: 0;
}
.navopen .pagepanel/*using translate3d() is just too buggy and conflicting with other styles. Use position:relative and left:-200px to animate.*/
{
	left: -200px;
}
.navopen .slideStyle .nav.left {
	left: 0;
	right: auto;
}
.navopen .slideStyle .nav.right {
	right: 0;
	left: auto;
}


/*special horizontal styles*/
.horizStyle .toggle { display: none; }/*hide on desktop*/
.horizStyle .nav { height: auto !important; }/*don't be so tall!*/
.horizStyle .closeLink, .horizStyle .backLink { display: none !important; }/*hide on desktop*/

/*======================================================
** 			|     /END slideyNav styles       |  		  **
======================================================== */
@media screen and (min-width: 701px) {
	.connected {
		padding-bottom: 95px;
	}
	.connected__social {
		position: relative;
		top: -10px;
	}
	.connected__maillist {
		padding-left: 1rem;
	}
}
@media screen and (min-width: 1000px) {
	.itins__itin {
		width: 23%;
	}
}
@media screen and (max-width: 1025px) {
    .cWidth, .subpage .cWidth { width: 980px }

    .banner.hasImg + #main .main { margin-top: 0; }

    /*Important for Google Map usage.*/
    #map-canvas * { max-width: none !important }


	/*remove some border and padding to make more room for content*/
	.subpage .main {
		border-width: 7px;
		padding: 1.3rem 0;
	}
	.subpage .main .inside {
		padding: 1.5rem;
	}

	/*same thing on subpage*/
    .subpage .contentCols {
	    padding: 2rem 0;
    }
    .subpage .contentCols [class*="col-"] {
	    padding: 2rem;
    }
    /*Switch to mobile menu. Hide by default, show when the user clicks or taps the hamburgr icon*/
    /*small nav, OR phone*/
    .header .smallNav {
    	margin: 0;
    	max-height: none !important;/*override shrink styles, because this is in the nav slideout now*/
    }
    .smallNav p {
    	margin: 0;
    	padding: 1em;
    }
}

/*		normal responsive		*/
@media screen and (max-width: 1150px) {
	.container { width: 1024px; }

	.itins.featured { margin: 0 -15px; }
	.itins.featured .item { padding: 20px 15px; }
}
@media screen and (max-width: 1100px) {
	.container { width: 990px; }
}
@media screen and (min-width: 1051px) {
	.nav .menu-pulldown { display: block !important; }



	html.object-fit .scrollable .flexslider img {
		width: 323px !important;
		height: 211px;
		object-fit: contain;
		object-position: center;
	}
	html.no-object-fit .scrollable .flexslider li {
		width: 323px;
		height: 211px;
		position: relative;
	}
	html.no-object-fit .scrollable .flexslider li img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: auto !important;
		transform: translate(-50%,-50%);
	}

	/*recommended feed*/
	.rec-item {
		position: relative;
		padding-bottom: 3rem;
	}
	.rec-item__btn {
		position: absolute;
		bottom: 1rem;
		left: 1rem;
	}
}
@media screen and (max-width: 1050px) {
	/*first true "mobile" breakpoint*/
	#container img {
		max-width: 100%;
		height: auto;
	}


	.at4-share-outer-right .atss-right { /*gets in the way of the menu*/
		right: auto;
		left: 0;
	}


	.quicklinks {
		display: none;
	}

	/*		mobile toggle / accordion nav		*/
	/*.nav { position: relative; }
	body .toggleNav {
		display: block;
		float: right;
		padding: 5px 10px;
	}
	.nav .menu-pulldown {
		display: none;
		background-color: #000;
		position: absolute;
		top: 50px;
		right: 0;
		z-index: 20;
	}
	.nav li {
		float: none;
		clear: both;
	}
	.nav li.link6,
	.nav li.link7,
	.nav li.link8 {
		display: block;
	}
	.nav li a {
		display: block;
		width: 185px;
		padding: 15px 20px;
		color: #fff;
	}
	.nav li a:hover, .nav li a:focus {
		background-color: #fff;
		color: #000;
	}*/
}
@media screen and (min-width: 1001px) {
	
	.event-search__collapse {
		display: block !important;
	}
}
@media screen and (max-width: 1000px) {
	.container { width: 890px; }

	/*recommendation feed*/
	.rec-feed-list {
		flex-wrap: wrap;
	}
	.rec-item {
		width: 49%;
	}

	.about .text, .about .sponsors {
		padding: 0;
		margin: 0 0 20px;
	}
	
	/*	custom event search form	*/
	.cmsEvents .event-search, 
	.cmsEvents .cmsEventsList {
		float: none;
		width: auto;
		padding: 0;
	}	
	.cmsEvents .event-search__toggle {
		cursor: pointer;
	}
	.cmsEvents .event-search__toggle:after {
		display: inline-block;
		float: right;
		content: "";
		border: 10px solid transparent;
		border-left-color: #1CC6E5;
		-webkit-transition: -webkit-transform;
		transition: -webkit-transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease, -webkit-transform .3s ease;
		-webkit-transform-origin: 25% center;
		        transform-origin: 25% center;
	}
	.cmsEvents .event-search__toggle.open:after {
		-webkit-transform: rotate(90deg);
		        transform: rotate(90deg);
	}
	.event-search__collapse {
		display: none;
	}
}
@media screen and (max-width: 900px) {
	.container { width: 790px; }
}
@media screen and (max-width: 800px) {
	.container, .container.narrow { width: 675px; }
	/*no javascript*/
	.no-js .search {
		display: none;
	}
	.no-js .iconHeader {
		height: auto;
		position: static;
	}
	html.no-js .navSpot {
		float: none;
	}
	.no-js .nav li {
		float: none;
	}
	.no-js .nav ul {
		display: block;
		position: static;
	}

    .navSpot .menu-pulldown li.level1.link6,
    .navSpot .menu-pulldown li.level1.link7,
    .navSpot .menu-pulldown li.level1.link8 {
    	display: block;/*show for mobile!!!*/
    }

	/*header stuff goes one-up*/
	.header {
		height: auto;
		padding-top: 90px;
	}
	.logo {
		margin-top: 0;
	}
	.logo img {
		position: static;
		margin: 0 auto;
		display: block;
	}

	.iconHeader {
		border-bottom: 1px solid #888;
		background: #000;
		color: #fff;
		position: fixed;
		z-index: 900;
		top: 0;
		left: 0;
		right: 0;
		height: 79px;
	}
	.rwdHeaderLogo {
		display: block;
		float: left;
	}
	.loggedin .iconHeader {
		top: 35px;
	}
	.iconHeader .search,
	.iconHeader .navSpot {
		margin-top: 8px;
		float: right;
		height: auto;
	}
	.iconHeader .search .toggleSearch { padding: .5rem; }
	/*.nav {
		position: absolute;
		bottom: 0;
		height: 43px;
		right: 0;
	}*/
	#searchDrop,
	.slideStyle .nav {
		top: 79px;/*height of .search and .nav elements*/
	}
	.slideStyle .nav {
		max-height: 80vh;
		max-height: calc(100vh - 79px);
	}
	#searchDrop {
		left: 0;
		right: auto;
		width: 80%;
	}
	#searchDrop .element {
		margin-bottom: 8px;
	}
	#searchDrop .element:last-of-type {
		margin-bottom: 0;
	}
	#container #searchDrop input {
		float: none;
		margin: 0;
	}

	/*content columns aren't evenly padded*/
	#container .box { padding: 20px 25px; }


	/*itineraries page*/
	html .itins.mainfeed .item {
		width: 49%;
	}

	/* hide extra footer stuff*/
	#upperFooter .menu { display: none; }

	/*recommendation feed*/
	.rec-feed {
		padding: 1rem 0;
	}
}
@media screen and (max-width: 750px) {
	body .addthiszone.shareBtns {
	    top: auto;
	    right: 0;
	    width: auto;
	    height: 40px;
	}
	body .addthiszone.shareBtns ul.share {
		position: static;
		display: flex;
		flex-wrap: nowrap;
	}
	body .addthiszone.shareBtns li {
		width: 100%;
	}
	body .addthiszone.shareBtns li a {
		text-align: center;
		width: auto;
		padding: 8px;
	}
}
@media screen and (max-width: 700px) {
	.container, .container.narrow { width: 590px; }

	footer .imgs { margin-bottom: 10px; }


	.home .siteSearch .panelOne, .home .siteSearch .panelTwo {
		width: auto;
		clear: both;
		float: none;
	}
	.home .siteSearch .panelOne {
		margin-bottom: 2rem;
	}
	.home .siteSearch .panelThree {
		border-left: 0;
	}
	#container .siteSearch .blueButton {
		position: static;
		width: 100%;
		margin: 0 auto;
	}

	.copyright, .copyright .right {
		text-align: center;
	}

	footer .connected {
		padding: 2rem 0;
		margin-bottom: 1rem;
	}
	.footer__menu {
		display: none;/*unnecessary, really*/
	}
	#lowerFooter {
		padding-bottom: 1rem;
	}
	#lowerFooter .copyright {
		font-size: .8rem;
	}
}
@media screen and (max-width: 600px) {
	.container, .container.narrow { width: 490px; }

	/*homepage featured itineraries go two-up*/
	.itins__itin {
		width: 48%;
	}


	/*	put AddThis on the bottom of the window		*/
	#at4-share, #at4-soc {
	    top: auto;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    width: auto;
    }
    .atss a {
	    width: 20%;/*five across!*/
    }
    #at4-scc { display: none !important; }
}
@media screen and (max-width: 500px) {
	.container, .container.narrow { width: 440px; }

	.main h1 {
		font-size: 40px;
		line-height: 1.1em;
	}

	.banner .description {
		right: 2em;
		left: 2em;
	}

	footer .searchForm .element {
		margin-bottom: .5em;
		overflow: hidden;/*don't know why, but random bug on /mytrip pages.*/
	}
	footer .searchForm .element,
	footer .searchForm input,
	#container footer .searchForm .blueButton {
		width: 100%;
		float: none;
	}
}
@media screen and (max-width: 450px) {
	.container, .container.narrow { width: 390px; }

	.banner .description {
		background: #333;
		position: static;
	}

	.iconHeader {
		height: 57px;
	}
	.rwdHeaderLogo {
		width: 212px;
	}
	.iconHeader .search, .iconHeader .navSpot {
		margin-top: 0;
	}
	#searchDrop,
	.slideStyle .nav {
		top: 57px;
	}
	.loggedin .slideStyle .nav {
		top: 92px;
	}
	.slideStyle .nav {
		max-height: 80vh;
		max-height: calc(100vh - 57px);
	}

	/*content*/
	.container .grid .content.fullwidth {
		padding: 0;
	}

	/*itineraries page*/
	html .itins.mainfeed {
		display: block;
	}
	html .itins.mainfeed .item {
		width: auto;
		margin: 1em 0;
		border-left: 0;
		border-right: 0;
		border-top: 0;
	}
	html .itins.mainfeed .item:last-of-type {
		border-bottom: 0;
	}
	html.object-fit #container .itins .img img {
		height: 200px;
	}
}
@media screen and (max-width: 400px) {
	.container, .container.narrow { width: 340px; }

	/*recommendation feed*/
	.rec-feed {
		display: block;
	}
	.rec-item {
		width: auto;
	}
}
@media screen and (max-width: 350px) {
	.container, .container.narrow { width: 305px; }


	.itins__itin {
		width: auto;
		margin-right: 0;
	}
}
@media screen and (max-width: 310px) {
	.container, .container.narrow { width: 100%; }
}


/*random*/
.map .locations p.readMore {
	display: none;/*hide the button*/
}
.clearBoth {
	float: left;
	clear: both;
	width: 100%;
}

body .cmsAddToRegionBox {
	z-index: 10;/*the menus should show over the buttons*/
}

.fade {/*Bootstrap-inspired fade classes*/
	opacity: 0;
	transition: opacity .4s ease;
}
.fade.in {
	opacity: 1;
}

/*======================================================
** 			|     my custom stickySide JS       |  		  **
======================================================== */
#scrollContainer {/*So that when we scroll to the bottom, we can position: absolute the sidebar at the very bottom.*/
	position: relative;
}
#destSidebar.fixed {
	position: fixed;
	top: 0;
}
#destSidebar.fixed.bottom {
	position: absolute;
	bottom: 0;
	top: auto;
}

/*======================================================
** 			|     Ecommerce Styles     |  		  **
======================================================== */
.inline_table td img{
	margin: 24px;
}
.inline_table td{
	vertical-align: top;
}
.inlineimg {
	vertical-align: middle;
	margin: 5px;
	padding: 8px;
}
.inline_table td h4, .inline_table td p{
	padding-left: 5px;

}
@media screen and (max-width: 800px){
	table.inline_table, .inline_table tbody, inline_table th,
	.inline_table tr, .inline_table td {
		display: block;
	}
	.inline_table td img.inlineimg {
		margin: 15px;
	}
	table.inline_table tr td p, table.inline_table tr td h4{
		text-align: left;
		padding: 10px 10px;
	}
}
@media screen and (max-width: 450px){
	table.inline_table img {
		margin: 0px;
		padding-bottom: 21px;
	}
}

/*======================================================
** 			|     SAM EDITS FOR NEW DESIGN - MAY 2021     |  		  **
======================================================== */

/* 
Above 1200px - Desktop view
Between 800px - 1200px - Tablet view
Less then 800px - Mobile view

COLORS FOR NEW EDITS:
Lighter green: #507f70;
Darker green: #2c5234;


*/


/*************** HEADER ****************/

/* Only on desktop size */
@media (min-width: 1200px){
	.header { /* Make header bigger, was 120px */
		/* height: 190px !important; V.1 */
		/* padding-top: 76px !important; V.1 */
		height: 165px !important;
		padding-top: 60px !important;
	}

	.menu-pulldown ul li { 	/* Space between menu items */
		margin: 0 20px;
	}

	.menu-pulldown li a { 	/* Space between menu items */
		/* font-size: 24px !important; V.1  */
		font-size: 19px !important;
	}

	.navSpot, .horizStyle { /* Move menu items left */
		margin-left: -150px;
		margin-top: -30px;
	}

	#cmsRegion2267AB49-163C-DE64-AD07054B51F0608B > a > img,
    #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: 236px;
		width: 575px;
		margin-top: -48px;
		margin-left: 160px;  */

        /* max-height: 150px !important; */
        margin-top: -30px;
        width: 400px;
        height: auto;
	}


    @media(min-width: 767px){
        #cmsRegion2267AB49-163C-DE64-AD07054B51F0608B > a > img,
        #cmsRegion2269069C-163C-DE64-ADDEEB85E54DA6B2 > a > img {
            margin-top: -54px;
        }
    }

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


@media (min-width: 1200px){ /* Move main logo more left, leave more space for menu items */
	header .container {
		/* width: 1520px !important; */
		/* width: 1950px !important; */
		width: 1900px !important;
	}
}

@media (min-width: 1200px){ /* Search icon - commented out lines above for this to work: 945, 950 */
	.fa-search { /* Make the search icon bigger */
		/* font-size: 4em !important; */
		font-size: 35px !important;
	}

	header .search { /* Moving the search icon higher and left */
		margin-top: -35px !important;
		/* margin-right: 117px !important; V.1 */
		margin-right: 254px !important;
		/* margin-left: -200px; */
	}
}

@media (max-width: 1200px){ /* Changing breakpoint of header */
	.toggleNav { /* Make the hamburger menu display sooner, at larger breakpoint */
		/* display: block !important; */
		/* float: right !important; */
		/* padding: .5em !important; */
	}
}

/* TOP LEVEL STYLES ON ALL SIZES */
#container .greenbutton, #container .blueButton { /* Two buttons above the nav - Lines 499 */
	background-color: #fff !important;
	border-bottom-color: #fff !important;
	border-color: #fff !important;
	color: #19661e !important;
	border-radius: 0px !important;
	/* padding: 15px 30px !important; V.1 */
	padding: 10px 20px !important;
	/* font-size: 1.55em !important; V.1 */
	font-size: 1.2em !important;
}

/*************** END HEADER ****************/

/*************** BODY ****************/

.clearBoth { /* Make entire container white */
	float: none !important;
}

.homepage-body-heading h1 { /* First heading on homepage body */
	color: #2c5234 !important;
	/* font-size: 56px;
	font-weight: 600;
	line-height: 75px;
	letter-spacing: 3px;
	padding-left: 30px;
	margin-top: 68px; */
	/* font-family: 'Montserrat Alternates', sans-serif; */
	/* font-family: 'Oswald', sans-serif; */
}

.homepage-content-h3 {
	/* font-size: 41px; */
	color: #2c5234 !important; 
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	/* margin-bottom: 55px; */
}

.other-homepage-h1 { /* Any other homepage h1 */
	color: #2c5234 !important;
	/* font-size: 44px !important; */
	font-weight: 600 !important;
	/* line-height: 75px !important; */
	letter-spacing: 3px !important;
	/* padding-left: 30px !important; */
	/* margin-top: 68px !important; */
	/* text-align: center; */
	/* font-family: 'Montserrat Alternates', sans-serif; */
	/* font-family: 'Oswald', sans-serif; */
}

@media (min-width: 1200px){ /* Make the container a bit wider, on desktop size */
	.container { 
		width: 1200px !important;
		padding: 0px 25px 25px 25px; /* Removing space between slider and bar */
	}

	.homepage-body-heading h1 { /* First heading on homepage body */
		color: #2c5234 !important;
		font-size: 56px;
		font-weight: 600;
		line-height: 75px;
		letter-spacing: 3px;
		padding-left: 30px;
		margin-top: 68px;
		/* font-family: 'Montserrat Alternates', sans-serif; */
		/* font-family: 'Oswald', sans-serif; */
	}

	.other-homepage-h1 { /* Any other homepage h1 */
		color: #2c5234 !important;
		font-size: 44px !important;
		font-weight: 600 !important;
		line-height: 75px !important;
		letter-spacing: 3px !important;
		padding-left: 30px !important;
		margin-top: 68px !important;
		text-align: center;
		/* font-family: 'Montserrat Alternates', sans-serif; */
		/* font-family: 'Oswald', sans-serif; */
	}


	/* Top bar under the slider */
	.top-bar-under-slider {
		background-color: #ededc9 !important;
		height: 50px !important;
		width: 100% !important;
	}

	.homepage-body-heading {

	}

	.homepage-body-heading-container-for-border { /* Container for homepage heading (for left vertical line) */
		display: flex;
	} 

	.homepage-heading-div-for-border { /* Empty div to style for vertical line */
		border-left: 8px solid #ededc9;
		height: 200px;
		margin-left: -48px;
		margin-top: 45px;
	}

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

	#cmsRegionC10B706C-163C-DE64-AD5EFF597E36BF94 p {
		font-size: 1.35em;
		/* font-family: 'Montserrat Alternates', sans-serif; */
		letter-spacing: 1px;
		line-height: 35px;
	}

	.space-bottom { /* Spacing around smaller sections of homepage content */
		margin-bottom: 0px;
	}

	.homepage-margin-fix { /* Indenting and centering the text above the video */
		padding: 0 115px;
		text-align: center;
	}

	.cmsvideo {
		margin: auto;
		text-align: center;
		margin-top: 60px;
	}

	#cmsRegionC10B706C-163C-DE64-AD5EFF597E36BF94 iframe { /* Width of the video on the homepage */
		width: 85%;
	}


}


@media (max-width: 1200px){
	#cmsRegion1EBEF7E1-163C-DE64-ADE37A3A0C31596C > div:nth-child(2) > div > iframe {
		width: 100%;
	}
}




@media (max-width: 800px){ /* Homepage video full width on mobile */
	#cmsRegionC10B706C-163C-DE64-AD5EFF597E36BF94 iframe { /* Width of the video on the homepage */
		width: 100% !important;
	}

	.rec-feed-list { /* Recommended for you on mobile */
		display: block !important;
	}

	.rec-item { /* Recommended for you on mobile */
		width: 100% !important;
	}
}

/******************* ITINS (had to move outside the container to make the background color fullwidth) ***********************/
.itins { /* Background of section - fullwidth */
	background-color: #507f70;
}

/* .itins__feed {
	margin: 0 250px; 
	padding: 50px 20px 10px 20px;
} */

@media (min-width: 1200px){
	.itins__feed {
		margin: 0 250px; 
		padding: 50px 20px 10px 20px;
	}
}

@media (max-width: 1200px){
	.itins__itin {
		margin: 0;
	}

	.home .itins.featured {
		margin-top: 0px;
		margin-bottom: 0px;
	}
}




.itin__name a {
	color: #fff !important;
	font-size: 1.35em !important;
}

.itin__name {
	text-align: center;
	font-family: 'Oswald', sans-serif !important;
	text-transform: uppercase !important;
}

.itin__name a {
	font-weight: 500 !important;
	letter-spacing: 1px !important;
}

.itin__name a:hover {
	text-decoration: none !important;
	color: #222 !important
}

.itin__img a img {
	height: 210px !important;
}

.itins__itin .blueButton {
	/* font-size: .9rem !important; */
}

#container > div.itins > div > div > div.itins__itin.dest-cats > .blueButton { /* Itins 4 category buttons */
	font-size: 1.1rem !important;
	padding: .5em .6em !important;
	font-weight: 100 !important;
	color: #fff !important;
	background-color: #2c5234 !important;
	border-color: #2c5234 !important;
	border-bottom-color: #2c5234 !important; 
	letter-spacing: 1px !important;
}

#container > div.itins > div > div > div.itins__itin.dest-cats > .blueButton:hover {
	color: #222 !important;
}



/************************ ABOUT HERITAGE SECTION ********************************/
.homepage-heritage-area > .other-homepage-h1 {
	padding: 0 !important;
	line-height: 50px !important;
	color: #2c5234 !important;
	font-size: 34px !important;
	margin-top: 18px !important;
}

.homepage-heritage-area > p {
	font-size: 1.45em !important;
	letter-spacing: 1px !important;
	font-weight: 100 !important;
}

.about { /* Seperator line at the top */
	/* border-top: 1px solid #222 !important; */
	position: relative !important;
	/* border-top-width: 200px; */
}

.about:after { /* Creating top seperator line */
	padding:0;
	margin:0;
	display: block; 
  	content: "";
  	width:50%;
  	height:1.1px; /* slight higher to work around rounding errors(?) on some zoom levels in some browsers. */
  	background-color:white;
  	position: absolute;
  	right:0;
  	top:-1px;
}

#cmsRegionC10B70B5-163C-DE64-AD198D680EEB2938 div img {
	height: 400px;
	width: 260px;
}

/* .about__images {
	width: 26.333% !important;
} */

@media (min-width: 1200px){
	.about__images {
		width: 26.333% !important;
	}

	.about__text {
		width: 73.667% !important;
	}
}

/* .about__text {
	width: 73.667% !important;
} */

.homepage-about-text {
	width: 730px !important;   
	font-size: 1.35em;
	letter-spacing: 1px;
	line-height: 30px;
	margin-top: 50px;
}



#cmsRegion1EBEF7E1-163C-DE64-ADE37A3A0C31596C .blueButton { /* Learn more button under video */
	font-size: 1.1rem !important;
	padding: .5em .6em !important;
	font-weight: 100 !important;
	color: #fff !important;
	background-color: #2c5234 !important;
	border-color: #2c5234 !important;
	border-bottom-color: #2c5234 !important; 
	letter-spacing: 1px !important;
	/* margin-top: 35px; */
	margin: 35px 0 0 0 !important;
}



#cmsRegion1EBEF7E1-163C-DE64-ADE37A3A0C31596C .videotitle {
	color: #333 !important;
	font-size: 1.6em !important;
	padding: 10px 0px !important;
	margin-left: -25px !important;
}

@media (max-width: 1200px){
	#cmsRegion1EBEF7E1-163C-DE64-ADE37A3A0C31596C div {
		width: 100% !important;
	}
}

/* THE ASIDE WITH THE RECOMMENDED FOR YOU FEED */
.rec-feed .brownTitle {
	color: #2c5234 !important;
	padding: 0px !important;
	font-size: 34px !important;
	letter-spacing: 2px !important;
	font-weight: 600 !important;
	background-color: #fff !important;
	text-align: left !important;
	margin-bottom: 50px !important;
	position: relative !important;
	overflow: hidden !important;
}

@media (max-width: 800px){
	.rec-feed .brownTitle:before, .rec-feed .brownTitle:after {
		position: absolute;
		top: 51%;
		overflow: hidden;
		width: 0% !important;
		height: 1px;
		content: '' !important;
		background-color: #222;
	}
}


.rec-feed .brownTitle:before, .rec-feed .brownTitle:after {
	position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #222;
}

.rec-feed .brownTitle:before {
	margin-left: -50%;
    text-align: right;
}

.rec-feed .brownTitle:after {
	margin-left: 30px;
}

.rec-item { /* Single recomendation items */
	padding: 2em !important;
	background-color: #507f70 !important;
	color: #fff !important;
}

@media (min-width: 1200px){
	.rec-item {
		min-height: 600px !important;
	}
}

.rec-item__title {
	font-size: 23px !important;
	color: #fff !important; 
	font-family: 'Oswald', sans-serif !important;
	letter-spacing: 1px !important;
	margin: 25px 0px !important;
	line-height: 30px !important;
}

.rec-item__title:hover {
	text-decoration: none !important;
	color: #fff !important;	 
}

.rec-item__title a:hover {
	text-decoration: none !important;
	color: #fff !important;	 	 
}

.rec-item__teaser {
	font-size: 1.25em !important;
	letter-spacing: 1px !important;
	line-height: 25px !important;
	font-weight: 100px !important;
}

.rec-item__btn {
	background-color: #2c5234 !important;
	padding: 7px 25px !important;
	letter-spacing: 1px !important;
	font-weight: 100 !important;
	font-size: 1.3em !important;
}

.rec-item__btn:hover {
	background-color: #2c5234 !important;
	padding: 7px 25px !important;
	letter-spacing: 1px !important;
	font-weight: 100 !important;
	text-decoration: none !important;
	font-size: 1.3em !important;
}

.homepage-our-partners-section {
	background-color: #ededc9 !important;
}

.partners-inner {
	padding: 25px;
	margin: 0px 0px;
}

.image-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.image-box a img {
	margin-bottom: 50px;
}

@media (min-width: 700px) and (max-width: 1200px){
	.image-box {
		margin: 0 220px;
	}
}

@media(min-width: 1200px) {
	.image-box {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	}

	.partners-inner {
		padding: 50px 10px 130px 10px;
		margin: 0 200px;
	}
}

.partners-inner h1 {
	font-size: 30px !important;
	margin-bottom: 50px !important;
	margin-top: 20px !important;
}

.partner-img-1 {
	height: 75px; 
	width: 350px;
}

.partner-img-2 {
	height: 200px; 
	width: 350px;
}

.partner-img-3 {
	height: 150px; 
	width: 300px;
}

/*************** END BODY ****************/


/*************** UPPER FOOTER *********************/
.upper-footer-section {
	background-color: #333;
	border-top: 13px solid #507f70;
}

.connected {
	background-color: #333;
	margin: 0px 400px;
	border-top: none !important;
}

@media (max-width: 1200px){
	.connected {
		margin: 0px !important;
	}
}

.connected__social {
	background-color: #333;
}

.cmsSubscribeZone h3 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 550;
	font-size: 2em;
	letter-spacing: 2px;
}

/* .grid, .break-700 {
	display: flex;
	justify-content: center;
} */

@media (min-width: 1200px){
	.grid, .break-700 {
		display: flex;
		justify-content: center;
	}
}

.col-10, .col-9 {
	text-align: center;
}

.col-10 div h2 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 550;
	font-size: 1.5em;
	letter-spacing: 2px;
}

/* .col-10 div p a {
	font-size: 60px;	
} */




.icon-background {
    color: #507f70;
}

.icon-container {
	display: flex;
	justify-content: center;
}

.fa-facebook-f {
	color: #fff;
}

.fa-facebook-f:hover {
	color: #333;
}

.fa-facebook-f::before {
	content: "\f39e" !important;
}

.fa-twitter {
	color: #fff;
}

.fa-twitter:hover {
	color: #333;
}

.fa-instagram {
	color: #fff;
}

.fa-instagram:hover {
	color: #333;
}


/* FEATURED EVENTS */

@media (min-width: 1200px){
	.events__featured div div {
		display: flex;
		padding: 0 100px;
	}
}


.event {
	display: block !important;
	margin: 15px;
	padding: 40px 10px 50px 10px !important;
	text-align: center;
	background-color: #507f70;
}

.events {
	border-top: none !important;
}

.events h2 {
	color: #2c5234 !important;
    font-size: 34px !important;
    font-weight: 600 !important;
    line-height: 75px !important;
    letter-spacing: 3px !important;
    padding-left: 30px !important;
    margin-top: 68px !important;
    text-align: center;
	margin-bottom: 25px !important;
	margin-top: 40px !important;
	text-transform: uppercase !important;
}


.event h3 { /* Event Title */
	color: #fff;
	font-weight: 700;
	margin-bottom: 5px !important;
	font-size: 1.7em !important;
	letter-spacing: 1px;
}

.event .date {
	display: flex !important;
	margin: 0 !important;
	padding: 0 !important;
	justify-content: center !important;
	color: #fff;
	font-weight: 200 !important;
}

.date .month {
	margin-right: 7px;
}

.eventdescription {
	color: #fff;
	font-size: 1.3em;
	margin-top: 30px !important;
	margin-bottom: 25px;
	font-weight: 200 !important;
	letter-spacing: 1px;
	margin-bottom: 30px !important;
	padding: 0px 40px !important;
}


.event a { /* LEARN MORE link */
	color: #fff;
	font-weight: 700 !important;
	font-size: 1.3em;
	text-transform: uppercase;
}

.event a:hover { /* LEARN MORE link */
	color: #333 !important;
	font-weight: 700 !important;
	font-size: 1.3em;
	text-decoration: none;
	text-transform: uppercase;
}

.find-events {
	text-align: center !important;

	font-size: 1.1rem !important;
	padding: 10px 27px !important;
    font-weight: 100 !important;
    color: #fff !important;
    background-color: #2c5234 !important;
    border-color: #2c5234 !important;
    border-bottom-color: #2c5234 !important;
    letter-spacing: 1px !important;
	text-transform: uppercase !important;
	margin: 0 !important;
}

.find-events:hover {
	text-decoration: none;
	color: #333 !important;
	

	font-size: 1.1rem !important;
    
    font-weight: 100 !important;
    background-color: #2c5234 !important;
    border-color: #2c5234 !important;
    border-bottom-color: #2c5234 !important;
    letter-spacing: 1px !important;
    margin: 0 !important;
}

.find-events-p {
	display: flex;
	justify-content: center;
	margin-top: 35px;
}

.events-seperator-line {
	background: #333;
	height: 1px;
	width: 65%;
	display: flex;
	margin: auto;
	margin-top: 40px;
}

@media (max-width: 1200px){
	.events-seperator-line {
		display: none;
	}
}

.flex-reverse {
	flex-direction: row-reverse;
}

/* Events category page */

.cmsEventsList .event {
	display: block !important;
	margin: 15px !important;
	padding: 0;
	text-align: center !important;
	background-color: #507f70 !important;
}



.eventdetail {
	display: block;
	margin: 15px;
	padding: 10px;
	text-align: center;
	background-color: #507f70;
}

.eventdetail h3 {
	margin-bottom: 20px !important;
}

.eventdetail span {
	display: block !important;
}

.eventstartend, .eventlocation {
	color: #fff;
}

@media (min-width: 800px){
	.cmsEventsList .event {
		padding: 10px 100px !important;
	}
}


/* Single events page */
#cmsRegion1FE56787-163C-DE64-ADE558FE3E2814DA > .cmsEvents > .eventdetail,
#cmsRegion1FE56787-163C-DE64-ADE558FE3E2814DA > .cmsZone > .cmsEvents > .eventdetail
{
	display: block !important;
	margin: 0px !important;
	padding: 10px !important;
	text-align: left !important;
	/* background-color: #507f70 !important; */
	background-color: #fff !important;
	color: #555 !important;
}

#cmsRegion1FE56787-163C-DE64-ADE558FE3E2814DA > .cmsEvents > .eventdetail .eventtitle,
#cmsRegion1FE56787-163C-DE64-ADE558FE3E2814DA > .cmsZone > .cmsEvents > .eventdetail .eventtitle {
	margin-bottom: 15px !important;
	padding: 0 !important;
}

/* .eventdetail h2.eventtitle {
    color:white;
} */

#cmsRegion1FE56787-163C-DE64-ADE558FE3E2814DA > .cmsEvents > .eventdetail .eventlocation,
#cmsRegion1FE56787-163C-DE64-ADE558FE3E2814DA > .cmsZone > .cmsEvents > .eventdetail .eventlocation {
	margin-bottom: 15px !important;
	padding: 0 !important;
	font-weight: 400 !important;
	line-height: 30px !important;
	font-size: 17px !important;
}



#cmsRegion1FE56787-163C-DE64-ADE558FE3E2814DA > .cmsEvents > .eventdetail .eventstartend,
#cmsRegion1FE56787-163C-DE64-ADE558FE3E2814DA > .cmsZone > .cmsEvents > .eventdetail .eventstartend {
	margin-bottom: 15px !important;
	padding: 0 !important;
	font-weight: 400 !important;
	line-height: 30px !important;
	font-size: 17px !important;
}


#cmsRegion1FE56787-163C-DE64-ADE558FE3E2814DA > .cmsEvents > .eventdetail span,
#cmsRegion1FE56787-163C-DE64-ADE558FE3E2814DA > .cmsZone > .cmsEvents > .eventdetail span {
	color: #555 !important;
}

#cmsRegion1FE56787-163C-DE64-ADE558FE3E2814DA > .cmsEvents > .eventdetail .eventdescription,
#cmsRegion1FE56787-163C-DE64-ADE558FE3E2814DA > .cmsZone > .cmsEvents > .eventdetail .eventdescription {
	margin: 0 !important;
	padding: 0 !important;
	font-weight: 400 !important;
	line-height: 30px !important;
	font-size: 17px !important;
	letter-spacing: 1px !important;
}

#cmsRegion1FE56787-163C-DE64-ADE558FE3E2814DA > .cmsEvents > .eventdetail .eventdescription p,
#cmsRegion1FE56787-163C-DE64-ADE558FE3E2814DA > .cmsZone > .cmsEvents > .eventdetail .eventdescription p {
	margin: 0 !important;
	padding: 0 !important;
	color: #555 !important;
}