/*################################################################################################*/
/* TYPEFACES */
/*################################################################################################*/

body,td											{ font-size:16px; color:#000; }

/* Catamaran - default */
body,td,
A.btn-cta,
A.btn-cta-alt,
#main-menu,
#major-events H2,
.wedding-review P,
.pre-title,
.landing-links .item H3,
.gform_title,
.event-content H3								{ font-family:'Catamaran', sans-serif; }

/* previously 'Vollkorn' serif font - client changed their mind */
#slider .slide-text P,
.home-content,
.tile-icon .tile-title,
H1,H2,H3,H4,H5,H6,
.gform_description,
.pullquote			 							{ font-family: 'Catamaran', sans-serif; }

/* default font - this is on purpose because hte ellipsis doesn't render well in catamaran */
#main .pagination .dots 						{ font-family:sans-serif; }

/*################################################################################################*/
/* HEADINGS and text colours */
/*################################################################################################*/

H1,H2,H3,H4,H5,H6								{ color:#434343; text-align:center; }

H2 												{ font-size:32px; }
H3 												{ font-size:18px; }
H4 												{ font-size:16px; }
H5 												{ font-size:14px; }
H6 												{ font-size:13px; }

A 												{ color:#996bb9; }

.pre-title,
.gform_title									{ margin-bottom:15px; display:block;
												  color:#838383; text-transform:uppercase; }
.gform_title 									{ font-size:16px !important; }

/*################################################################################################*/
/* GLOBALS */
/*################################################################################################*/

.aligncenter 									{ display:block; margin-left:auto; margin-right:auto; }
.pullquote 										{ margin:0 0 30px; padding:25px 0 0; position:relative; border-left:none;
												  font-size:36px; color:#06508e; text-align:center; }
.highlight                                      { font-size:150%; }

/* call to action button */
A.btn-cta,
A.btn-cta-alt 									{ border:1px solid #a8a8a8; padding:0 20px; margin-top:10px; border-radius:0; line-height:3em; height:3em;
												  background:#FFF;
												  color:#5d5d5d; font-size:15px; text-transform:uppercase; font-weight:600;
												  transition:background 0.5s; -webkit-transition: background 0.5s; -moz-transition:background 0.5s; }
A.btn-cta:hover,
A.btn-cta:active,
A.btn-cta:focus,
A.btn-cta-alt:hover,
A.btn-cta-alt:active,
A.btn-cta-alt:focus 							{ color:#FFF; background:#00649E; border-color:#a8a8a8; }

/* responsive images */
#main IMG 										{ max-width:100%; height:auto; }

/*================================================================================================*/
/* small devices (desktops, 768px and up) */
@media (min-width: 768px) {
	.two-column 								{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
											      -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
}

/*################################################################################################*/
/* IMAGES AND ALIGNMENT */
/*################################################################################################*/

#content IMG,
#content .wp-caption							{ max-width:100%; }

#content .wp-caption-text 						{ color:#999; font-size:12px; padding-top:4px; }

/* handset only */
@media (max-width: 767px) {
	.alignleft,
	.alignright 								{ margin:0; float:none; display:block; }
}

/*================================================================================================*/
/* small devices (desktops, 768px and up) */
@media (min-width: 768px) {
	#main .alignleft 							{ float:left; margin:5px 20px 20px 0; }
	#main .alignright 							{ float:right; margin:5px -11% 20px 20px; }
}

/*================================================================================================*/
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}



/*################################################################################################*/
/* CONTENT */
/*################################################################################################*/

H1 												{ margin-bottom:30px; }

/* lists */
UL, OL	 										{ padding-left:15px; }
UL UL,
OL OL 											{ padding-left:40px; }

/*================================================================================================*/
/* small devices (desktops, 768px and up) */
@media (min-width: 768px) {
	#content 									{ padding-left:70px; padding-right:70px; }
	#content .fullwidth 						{ margin-left:-70px; margin-right:-70px; display:block; clear:both; }
	#content > .two-column						{ margin-top:20px; margin-bottom:20px; }
	#content .gallery 							{ width: 100%; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
												 -ms-flex-wrap: wrap; flex-wrap: wrap; }
}


/*################################################################################################*/
/* GALLERIES */
/*################################################################################################*/

.gallery									{ margin:20px 0; padding:0; }
.gallery:after								{ display:block; content:" "; overflow:hidden; height:0; clear:both; float:none; }
.gallery .gallery-item 						{ margin:0 8px 8px 0; margin-top:0 !important; width:auto !important; position:relative; }
.gallery .gallery-icon						{ width:150px; height:150px; padding:0; }
.gallery IMG								{ width:150px; height:150px; border:0 !important; }
.gallery A:hover IMG						{ opacity:0.5; }
.gallery DL.gallery-item + BR 				{ display:none; }

.gallery .gallery-caption 					{ position:absolute; bottom:0; left:0; width:100%; padding:3px 5px;
											  background:rgba(0,0,0,0.7);
											  text-align:left; color:#FFF; font-size:12px; }


/*################################################################################################*/
/* LISTS */
/*################################################################################################*/

#content UL > LI							{ list-style:none; position:relative; }
#content UL > LI:before 					{ position:absolute; top:-4px; left:-10px;
											  content:'\2022'; color:#00649E; font-size:18px; font-family:Arial,sans-serif; }
#content UL.gform_fields > LI:before		{ display:none; }


/*################################################################################################*/
/* TABLES */
/*################################################################################################*/

.table-banded,
.table-standard									{ border-collapse:collapse; width:100%; border:1px solid #a8a8a8; }
.table-banded TD,
.table-standard TD								{ border:1px solid #a8a8a8; padding:8px 12px;
												  background:#FFF;
												  font-size:14px; color:#333; }
.table-banded TD								{ border-top:0; border-bottom:0; }

.table-banded THEAD TD,
.table-standard THEAD TD,
.table-banded TH,
.table-standard TH								{ border:1px solid #a8a8a8; padding: 8px 12px;
												  background:#FFF !important;
												  font-size:14px; font-weight:bold; color:#5d5d5d; text-transform:uppercase; }
.table-banded TH,
.table-banded THEAD TD							{ border-bottom:0; }

.table-banded TR:nth-of-type(odd) TD			{ background:#d6f1f4; }

/* responsive tables */
.table-responsive								{ border:0; }

/*================================================================================================*/
/* HANDSET / TABLET COMMON */
@media screen and (max-width: 959px) {
	TABLE.table-standard,
	TABLE.table-standard 					{ min-width:100%; width:auto !important; }
	TABLE.table-standard TH,
	TABLE.table-standard TH,
	TABLE.table-standard TD,
	TABLE.table-standard TD					{ min-width:100px; }
	.table-wrapper 							{ width:100%; position:relative; overflow:auto; }
}