@charset "UTF-8";

/************************************************

Stylesheet: Main Stylesheet

*************************************************/


/*********************
GENERAL STYLES
*********************/

.legends-footer {
	background: url(/wordpress/wp-content/themes/legasea/assets/img/legends-footer.jpg) no-repeat center top;
	background-size: cover;
	background-position: 50% 50%;
  min-height: 800px;
}

.legends-footer h1 {
	color: white;
	background-color: #0f8991;
	padding: 20px;
	background: rgba(15, 137, 145, .75);
}

.legends-footer-crayfish {
	background: url(http://www.legasea.co.nz/wordpress/wp-content/themes/legasea/assets/img/legends-footer-crayfish.jpg) no-repeat center top;
	background-size: cover;
	background-position: 50% 50%;
  min-height: 800px;
}

.legends-footer-crayfish h1 {
	color: black;
	background-color: #0f8991;
	padding: 20px;
	background: rgba(15, 137, 145, .75);
}
.imageBoxes a:after {
	opacity: 0;
}

.imageBoxesTitle span {
	text-shadow: 0 3px 10px black;
}

.imageBoxDesc p {
	text-shadow: 0 3px 5px black;
}

.clientsGrid li img {
	opacity: 1 !important;
}

.clientsGrid li img:hover {
	opacity: .6 !important;
}

/*
.horizontalCenter {
	margin: -50px;
}
*/

.heroColor:after {
	background: rgba(15, 137, 145, 0) !important;
}

.heroClear:after {
	opacity: 0;
}

.dropShadow {
	text-shadow: 3px 5px 10px black;
}

.navButton {
	margin-right: 40px !important;
}


/*
.verticalCenter, .horizontalCenter {
    min-width: auto !important;
*/


}
.product h3 {
	display: inline;
	font-size: 1.2rem;
	padding-left: 15px;
}
span.price {
	float: right;
}
span.onsale {
	position: absolute;
	margin: 20px;
	color: red;
}
ins {
	color: red;
}

.smallText {
	font-size: 1rem;
}

.donate-amount .postinput,
.donate-amount .preinput {
	color: #888888;
	font-size: 18px;
}
.preinput,
.postinput {
	position: absolute;
	top: 50%;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.donate-amount input {
	height: 60px;
	font-size: 24px;
	padding: 15px 10px 11px 35px;
	border: solid 1px #c1c1ba;
	margin-bottom: 0;
	height: auto;
	text-align: left;
	color: #333232 !important;
	width: 100%;
	cursor: pointer;
	vertical-align: bottom;
	-webkit-appearance: none;
}
.preinput {
	padding-left: 15px;
}
.postinput {
	right: 50px;
}
.donation-error {
	position: fixed;
}
.donation-title {
	margin-bottom: 40px;
}
.donation-select span {
	font-size: 10px;
}
.donation-select .button {
	min-width: 100px !important;
	width: 100%;
	border: 1px solid rgba(15, 137, 145, 1);
	background-color: white;
	color: rgba(15, 137, 145, 1);
	margin-top: 0px;
}
.donation-select .button.btnOutline:not(.btnReveal):hover,
.donation-select .button.btnOutline:not(.btnReveal):focus,
.donation-select .button.btnOutline:not(.btnReveal):active {
	background-color: rgba(15, 137, 145, 1);
	color: rgba(255, 255, 255, 1);
}
.donation-form {
	padding: 30px;
	background-color: rgba(15, 137, 145, .4);
}
.donate-button .button {
	margin-top: 0px;
	background-color: rgba(15, 137, 145, 1);
}
.donate-link a {
	color: white;
}
@media only screen and (min-width: 40.063em) {
	.donation-form {
		min-width: 600px;
	}
}
.title-padding {
	padding: 40px 40px 30px;
}
.contactList li {
    font-size: 0.875rem;
}

.footerSmall a, .footerWidgets a, .footerBig #copyrights a {
    display: inline;
}

.sidebarWidget li:before {
font-family: 'icomoon';
content: '\f105';
margin:0 5px 0 -15px;
}

.iconList li {
list-style-type: none;
}

.imageBoxes a .imageBoxDesc {
    height: 80%;
}

.heroPage {
	min-height: 250px;
}
ul.pagination li a.current {
    background: #e6e6e6;
}
ul.pagination li a {
    color: rgba(42, 43, 47, 0.7);
}
.breadcrumbsBlog {
	  margin: 20px;
}
.accordion-content p, .accordion-content li {
	font-size: .85em;
}
.heroIntro {
	margin-bottom: 20px;
}
.teamDesc {
	margin-top: 20px;
}
.teamDesc p {
	font-size: .85rem;
}
.accordion-content.active p a:after {
    content: "";
}

@media only screen and (min-width: 64.0625em) {
#primaryMenu ul li a.navButton, .bgBlack #primaryMenu ul li a.navButton {
    background: rgba(0, 150, 200, 1);
    color: white;
}


@media only screen and (min-width: 64.0625em) and (max-width: 70em) {
	#primaryMenu ul li a,
	#primaryMenu ul li.megaMenuTitle,
	.bgBlack #primaryMenu ul li a,
	.bgBlack #primaryMenu ul li.megaMenuTitle {
		padding: 0 0.8rem;
	}
}

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/

/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/
@media print {
	* {
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		-webkit-filter: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}

	a,
	a:visited {
		color: #444 !important;
		text-decoration: underline;
	}

	a:after,
	a:visited:after {
		content: " (" attr(href) ")";
	}

	a abbr[title]:after,
	a:visited 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;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

	.sidebar,
	.page-navigation,
	.wp-prev-next,
	.respond-form,
	nav {
		display: none;
	}
}
.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	/* Image does not overflow the content area */

	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}



@media (min-width: 600px) {
	.columns-grid-2 {
		display:grid;
		grid-gap:10px;
		grid-template-columns:repeat(2, 1fr)
	}
}

.gf_list_1col div.ginput_complex.ginput_container.gf_name_has_2 span {width:auto !important;}
.gfield_description table {border:none !important;}