/* see foundation.css "hacked for mobile display on landscape phone and portrait tablet http://goo.gl/yaaIXJ"  - "meta.foundation-mq-topbar" and "@media only screen and (min-width: 40.063em) { .top-bar " per http://goo.gl/yaaIXJ */

/*thepathofaloha custom styles*/

body {
	background: #fcf3e5 url(../img/mango-wave-3.png);
	color: #58595b;
	font-family: alegreyaregular, Georgia, "Times New Roman", Times, serif;
}

::-moz-selection, ::selection {
	background: #99add6;
/*WebKit/Blink Browsers */
}

p {
	font-size: 1.125rem;
	line-height: 1.5;
	margin-left: .5rem;
	margin-right: .5rem;
}

.commenter {
	font-family: alegreya_sansmedium;
	color: #908a5e;
	border-left-style: solid;
	border-left-width: 1px;
	margin: 1rem;
	padding-left: 1rem;
}

.pili-sig {
	font: 1.5rem/1rem alegreyaitalic;
	margin-top: -.625rem;
	color: #908a5e;
}

em, i, .language {
	font-family: alegreyaitalic;
	font-style: normal;
}

strong, b {
	font-family: alegreyabold;
	font-weight: normal;
	line-height: inherit;
}

.drop-cap {
	float: left;
	font: 3.125rem/2.75rem pauahiregular;
	color: #908a5e;
	margin: .25rem .375rem 0 0;
}

.indent {
	padding-left: 1rem;
}

.break-option {
	display: inline-block;
}

.glyph {
	display: block;
	margin: .6875rem auto;
	opacity: .65;
}

.opaque {
	opacity: 1;
}

.v-pad {
	padding: .5rem .5rem;
	margin-top: 2rem;
}

.v-mid-parent {
	display: table;
}

.v-mid-child {
	display: table-cell;
	vertical-align: middle;
}

ul.nalu {
	list-style: none;
	font-size: 1.125rem;
	line-height: 1.5;
	color: #58595b;
}

ul.nalu li {
	background: url(../img/kapa-nalu-blue-3.png) 1rem .5rem no-repeat;
	background-size: 1.625rem .75rem;
	padding-left: 3.5rem;
	margin: 0 1rem .8125rem -1.375rem;
}

/*HEADINGS*/

h1, h2, h3, h4, h5 {
	font-family: pauahiregular;
	color: #908a5e;
	text-align: center;
}

h1 {
	font-size: 3.5rem;
	line-height: 1.125;
	padding: 1rem 0 1.625rem 0;
}

h2 {
	font-size: 2rem;
	line-height: 2.25rem;
	padding: .5rem 0 0;
}

h2 + .subhead, h3 + .subhead, p.line-call {
	font-family: alegreyaitalic;
	color: #908a5e;
	text-align: center;
}

h2 + .subhead {
	padding: 0 0 1.5rem 0;
	font-size: 1.5rem;
	line-height: 1.25;
}

h2 + p {
	padding-top: .75rem;
}

h3 {
	font-size: 1.5rem;
	line-height: 1.75rem;
	padding: .5rem 0 .25rem;
}

h3 + .subhead {
	padding: 0 0 .8125rem 0;
	font-size: 1.25rem;
	line-height: 1;
}

h4 {
	font: 1.125rem alegreya_sansmedium;
	text-transform: uppercase;
	margin-bottom: .25rem;
	letter-spacing: .0625rem;
}

h5 {
	font: 1.125rem alegreya_sansregular;
	margin-bottom: .8125rem;
}

/*LINKS*/

a {
	color: inherit;
	text-decoration: none;
	line-height: inherit;
	border-bottom: 1px solid #c6651d;
}

a:hover, a:focus {
	color: inherit;
	background-color: #e0d9ce;
	border-bottom: 1px solid #c6651d;
}

a img {
	border: none;
}

.show-for-medium-down a, .show-for-medium-down a:hover, .show-for-medium-down a:focus, .show-for-medium-down .you-are-here {
	text-align: right;
}

.read-more {
	font-family: alegreya_sans_scbold;
	text-align: center;
	opacity: .9;
}

.read-more a {
	color: #c6651d;
	text-decoration: none;
	border-bottom: none;
}

.fa-small {
	font-size: .6875rem;
}

.fa-chevron-right {
	padding-left: .5rem;
}

.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
	font-size: 2.5rem;
	line-height: 1;
	position: absolute;
	top: 0.625rem;
	right: 1.375rem;
	color: #AAAAAA;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	border-bottom: none;
}

.reveal-modal-bg {
	position: fixed;
}

/*NAVIGATION*/

.top-bar {
	background-color: #4d4d4f;
	background-image: url(../img/black-cloud.png);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

.top-bar-section ul li > a, .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar .top-bar-section li.you-are-here {
	text-transform: uppercase;
	font-family: alegreya_sansmedium;
	font-size: .6875rem;
	letter-spacing: .0625rem;
	color: #fbaa34;
	background-color: #4d4d4f;
	background-image: url(../img/black-cloud.png);
	border: none;
	padding-left: 1rem;
	padding-right: 1rem;
}

.top-bar .top-bar-section li.you-are-here {
	border-bottom: 1px solid;
	/*font-size: .6875rem;*/
	line-height: 2em;
	padding-top: .6875rem;
}

li.last, .top-bar .top-bar-section li.you-are-here.last {
	margin-right: 2rem;
}

.show-for-medium-down .top-bar-section li.active:not(.has-form) a:not(.button) {
	padding-left: .5rem;
	padding-right: .5rem;
}

li.name a {
	border: none;
	text-align: left;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover, .top-bar .name h1 a:hover {
	background: #eebe74 url(../img/mango-cloud.png);
	color: #58595b;
}

.top-bar .name h1, .top-bar .name h1 a {
	color: #fbaa34;
	/*height: 2.8125rem;*/
	line-height: 2.8125;
	letter-spacing: .1875rem;
	text-transform: uppercase;
	padding: 0 .9375rem 0;
}

.top-bar .name h1.for-small, .top-bar .name h1.for-small a {
	/*font-family: pauahiregular;*/
	font-size: 1rem;
	/*color: #fbaa34;*/
	/*height: 2.8125rem;*/
	/*line-height: 2.8125;*/
	letter-spacing: .125rem;
	/*text-transform: uppercase;*/
	/*padding: 0 .9375rem 0;*/
}

.top-bar .toggle-topbar.menu-icon a span::after {
	box-shadow: 0 0 0 1px #fbaa34, 0 7px 0 1px #fbaa34, 0 14px 0 1px #fbaa34;
}

.top-bar .toggle-topbar.menu-icon a {
	border-bottom: none;
}

.top-bar .toggle-topbar.menu-icon a:hover {
	background-color: inherit;
	border-bottom: none;
}

.block-nav {
	text-align: center;
	font-family: alegreya_sans_scregular;
	line-height: 2rem;
	letter-spacing: .0625rem;
}

.block-nav a {
	margin: 0 .625rem;
}

/*HERO CONTENT*/

.hero-content {
	padding: 1px;
	background-size: cover !important;
	height: 100vh;
	text-align: center;
}

.hero-text {
	position: relative;
}

.hero-text h1, .hero-text .subhead, .hero-text .prehead {
	color: #fbaa34;
	text-shadow: 2px 2px 3px #363636;
}

.hero-text h1 {
	font: 2rem/2.75rem pauahibold;
	letter-spacing: .1875rem;
	text-transform: uppercase;
	padding: 0;
}

.hero-text .subhead, .hero-text .prehead {
	font: 1.5rem/1.75rem alegreyaitalic;
	letter-spacing: .1125rem;
	text-transform: none;
	display: inline-block;
}

.hero-text .prehead {
	padding-bottom: .5rem;
}

.scroll-down-chevron {
	text-align: center;
	text-shadow: 2px 2px 3px #363636;
	color: #fbaa34;
	position: absolute;
	top: 80%;
	left: 50%;
	opacity: .8;
}

/*HERO IMAGES*/

.bg-fixed, .bg-scroll {
	padding-bottom: 3.5rem;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat;
	position: relative;
	min-width: 100%;
}

.bg-fixed {
	background-attachment: fixed !important;
}

.bg-scroll {
	background-attachment: scroll;
}

.hero.index.large {
	background-image: url(../img/molokai-rain-hero.jpg);
}

.hero.index.small {
	background-image: url(../img/molokai-rain-hero-mobile.jpg);
}

.hero.index .hero-text {
	top: 25%;
}

.hero.path.large {
	background-image: url(../img/pololu-hero.jpg);
}

.hero.path.small {
	background-image: url(../img/pololu-hero-mobile.jpg);
}

.hero.path .hero-text {
	top: 30%;
}

.hero.healing.large {
	background-image: url(../img/mea-ola-hero.jpg);
}

.hero.healing.small {
	background-image: url(../img/mea-ola-hero-mobile.jpg);
}

.hero.healing .hero-text {
	top: 34%;
}

.hero.music.large {
	background-image: url(../img/pili-emerald-palms-hero.jpg);
}

.hero.music.small {
	background-image: url(../img/pili-emerald-palms-hero.jpg);
}

.hero.music .hero-text {
	top: 67%;
}

.hero.about.large {
	background-image: url(../img/pili-shore-hero.jpg);
}

.hero.about.small {
	background-image: url(../img/pili-shore-hero-mobile.jpg);
}

.hero.about .hero-text {
	width: 50%;
	top: 42%;
	left: 27%;
}

.hero.ceremony.large {
	background-image: url(../img/rae-pili-nik-hero.jpg);
}

.hero.ceremony.small {
	background-image: url(../img/rae-pili-nik-hero-mobile.jpg);
}

.hero.ceremony .hero-text {
	top: 13%;
}

.hero.resources.large {
	background-image: url(../img/bookshelf-hero.jpg);
}

.hero.resources.small {
	background-image: url(../img/bookshelf-hero-mobile.jpg);
}

.hero.resources .hero-text {
	top: 30%;
}

.hero.testimonials.large {
	background: url(../img/akaka-hero.jpg);
}

.hero.testimonials.small {
	background: url(../img/akaka-hero-mobile.jpg);
	background-attachment: scroll !important;
}

.hero.testimonials .hero-text {
	top: 30%;
}

.hero.calendar.large {
	background: url(../img/waipio-stream-hero.jpg);
}

.hero.calendar.small {
	background: url(../img/waipio-stream-hero-mobile.jpg);
	background-attachment: scroll !important;
}

.hero.calendar .hero-text {
	top: 35%;
}

.hero.seasons.large {
	background-image: url(../img/manini-beach-hero.jpg);
}

.hero.seasons.small {
	background-image: url(../img/manini-beach-hero-mobile.jpg);
}

.hero.seasons .hero-text {
	top: 16%;
}

.inter-window {
	height: 28rem;
}

.inter-window.index.large {
	background-image: url(../img/kaneohe-hero.jpg);
}

.inter-window.index.small {
	background-image: url(../img/kaneohe-hero-mobile.jpg);
}

.inter-window.path.large {
	background-image: url(../img/pololu-shore-hero.jpg);
}

.inter-window.path.small {
	background-image: url(../img/pololu-shore-hero-mobile.jpg);
}

.inter-window.healing.large {
	background-image: url(../img/haleiwa-waa-hero.jpg);
}

.inter-window.healing.small {
	background-image: url(../img/haleiwa-waa-hero-mobile.jpg);
}

.inter-window.ceremony.large {
	background-image: url(../img/kawaihae-sunset-hero.jpg);
	height: 24rem;
}

.inter-window.ceremony.small {
	background-image: url(../img/kawaihae-sunset-hero-mobile.jpg);
	height: 24rem;
}

/*PANELS AND CALLOUTS*/

.panel {
	padding: 1.25rem;
	border: 1px;
	margin: 0;
}

.panel.mango {
	padding-top: 2rem;
	background-color: #fbaa34;
	color: #363636;
	background-image: url(../img/mango-cloud.png);
}

.no-bg-img {
	background-color: #fcf3e5;
	background-image: none;
}

.panel.defs, .panel.quotes {
	margin: 0 0 1em 1.625rem;
	box-shadow: 5px 5px 16px #58595b;
}

.panel.defs {
	background: url(../img/petro-kua-20.png) no-repeat 2rem 6rem, url(../img/mango-wave-3.png);

}

.panel.quotes {
	background: url(../img/mango-wave-3.png);
}

.panel.defs p, .panel.quotes p {
	font: 1.25rem/1.3125 pauahiregular;
	color: #908a5e;
	padding: 0 .75rem;
}

.panel.quotes h3 {
	color: #908a5e;
}

.panel.radius {
	border-radius: 6px;
}

.testimonial {
	margin-top: 3rem;
}

.big-call, .big-call p, .bigger-call {
	font-family: pauahiregular;
	line-height: 1.375;
	color: #363636;
	margin-left: 0;
}

.big-call, .big-call p {
	font-size: 1.5rem;
	padding: 1rem 1rem;
}

.bigger-call {
	font-size: 1.75rem;
	padding-left: 1.4375rem;
}

p.bless-call {
	font: 1.8125rem/1.3125 alegreyabold_italic;
	color: #fcf3e5;
	opacity: .7;
	text-shadow: 2px 2px 1px #000000;
	height: 100%;
}

.show-for-small-only p.bless-call {
	font: 1.25rem/1.3125 alegreyabold_italic;
}

.show-for-medium-only p.bless-call {
	font: 1.5rem/1.1875 alegreyabold_italic;
}

/*RESOURCE PAGES*/

.cd-title, .cd-artist, .book-vid-title, .book-vid-artist {
	font-family: alegreya_sansbold;
	color: #908a5e;
}

.cd-artist, .book-vid-title {
	font-size: 1.125rem;
	line-height: 1.25rem;
	padding-top: 1.6rem;
	letter-spacing: .0625rem;
}

.cd-title, .book-vid-artist {
	font-size: 1rem;
}

.recommend .fetch {
	font: 1.125rem/.5 alegreyaitalic;
	color: #908a5e;
	background: url(../img/petro-circle-glyph.png) .1rem/1rem no-repeat;
	padding-left: 1.5rem;
	margin: 0 1rem 0 .375rem;
}

.recommend article {
	clear: both;
}

.recommend .img-block {
	margin-top: 1.4375rem;
}

.reco-block {
	margin-top: -.75rem;
}

.hoku-block {
	margin-top: -1rem;
}

.hoku-block .reco-block {
	margin-top: .5rem;
}

.more-cd {
	font-family: alegreyaitalic;
	font-style: normal;
}

.award {
	font: .875rem pauahibold;
	color: #908a5e;
	text-transform: uppercase;
	margin-top: 0;
	padding-top: 2rem;
}

/*CALENDAR*/

.cal h1 {
	font: 1.125rem alegreya_sansextrabold;
	letter-spacing: .0625rem;
	padding-bottom: .0625rem;
	text-align: left;
}

.date {
	font-family: alegreya_sansbold;
	color: #908a5e;
}

/*HAWAIIAN GLOSSARY*/

.words h1 {
	font-size: 1.625rem;
}

.words .term {
	font: 1.125rem/1.125 alegreya_sansbold;
	color: #908a5e;
	padding-right: .5rem;
}

.words li {
	line-height: 1.375;
	padding-bottom: .5rem;
}

/*IMAGES AND SLICK SLIDER CAROUSEL*/

.img-block {
	position: relative;
	top: .5rem;
	margin-bottom: .5rem;
}

.img-block.right {
	margin-left: 1rem;
}

.img-block.left {
	left: -.75rem;
	margin-right: .5rem;
}

.img-caption {
	font: .875rem/1.1875rem alegreya_sansmedium;
	text-align: center;
	margin: .6rem 0 .5rem 0;
}

.img-caption .language {
	font-family: alegreya_sansmedium_italic;
}

.shadow, .slider img {
	box-shadow: 5px 5px 5px #58595b;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	margin-bottom: -.5rem;
}

.slick-prev:before, .slick-next:before {
	font-size: 1.5rem;
}

.slick-prev, .slick-next {
	width: 2rem;
	height: 2rem;
	z-index: 1;
}

.slick-prev {
	left: 1.5rem;
}

.slick-next {
	right: 2rem;
}

/*ACCORDION*/

ul.accordion h3 {
	font: 1.1875rem alegreyaitalic;
	padding: 0 0 1rem 0;
	margin-top: -.3125rem;
	letter-spacing: .0625rem;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
	background-image: url(../img/mango-wave-3.png);
}

.accordion .accordion-navigation > a, .accordion dd > a {
	background: #fcf3e5;
	background-image: url(../img/mango-wave-3.png);
	padding: .5rem;
	display: block;
	text-align: center;
}

li.accordion-navigation > a {
	color: #c6651d;
	border: none;
	margin: 1rem 0;
}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover, .accordion-navigation > a:hover {
	color: #fbaa34;
	background-image: url(../img/mango-wave-3.png);
	border-left: 1px solid #fbaa34;
	border-right: 1px solid #fbaa34;
}

.accordion .accordion-navigation > .content, .accordion dd > .content {
	display: none;
}

.accordion .accordion-navigation .read-more:before, .accordion .accordion-navigation .chevron-up-down:after, .accordion .accordion-navigation.active .read-more:before, .accordion .accordion-navigation.active .chevron-up-down:after {
	opacity: .9;
}

.accordion .accordion-navigation .read-more:before {
	content: "read more";
}

.accordion .accordion-navigation .chevron-up-down:after {
	font: .6875rem FontAwesome;
	content: "\f078";
}

.accordion .accordion-navigation.active .read-more:before {
	content: "close";
}

.accordion .accordion-navigation.active .chevron-up-down:after {
	font: .6875rem FontAwesome;
	content: "\f077";
}

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
	display: block;
	background-image: url(../img/mango-wave-3.png);
}

.reveal-modal {
	max-width: 53rem;
}

/*FOOTER*/

.panel.carbon {
	padding-top: 3.125rem;
	padding-bottom: 3.125rem;
	background-color: #58595b;
	border: 1px solid #58595b;
	background-image: url(../img/black-cloud.png);
	margin: 0 0 0 0;
}

.footer-text {
	color: #a49b8a;
}

footer .title {
	font: 1.125rem/1 pauahibold;
	text-transform: uppercase;
	padding-top: 1.875rem;
	letter-spacing: .125rem;
}

.contact, .copyright {
	letter-spacing: .0625em;
}

.contact {
	font: 1rem alegreya_sansmedium;
}

.contact .name {
	font: 1rem alegreya_sansextrabold;
}

.contact .location {
	text-transform: uppercase;
	font: .75rem alegreya_sansextrabold;
}

.contact .tip {
	text-transform: uppercase;
	font: .8125rem alegreya_sansregular;
}

.copyright {
	font: .75rem alegreya_sansmedium;
	padding-top: .25rem;
}

.hi-proverb {
	padding-top: 1.5rem;
	font: 1.5rem/1.625rem pauahiregular;
}

.trans-english, .trans-english p {
	font: 1.125rem/1.375rem alegreya_sansregular;
	padding: .5rem 0 0 .1875rem;
}

.trans-english .language {
	font-family: alegreya_sansmedium_italic;
}

footer a {
	color: inherit;
	border-bottom: 1px solid;
	border-bottom-color: inherit;
}

.back-to-top {
	font-size: .875rem;
	line-height: 3rem;
	color: #a49b8a;
	background-color: #e0d9ce;
	text-align: center;
	opacity: .6;
	position: fixed;
	right: 1.5rem;
	bottom: 3rem;
	border-bottom: none;
	border-radius: 50%;
	width: 2.5rem;
	height: 2.5rem;
	display: none;
}

.back-to-top:hover, .back-to-top:focus {
	color: #e0d9ce;
	background-color: #a49b8a;
}

/* MAILCHIMP FORM */

.chimp-title {
	letter-spacing: .0625em;
	font: 1.25rem/1 pauahibold;
	padding: 0 0 .5rem 0;
	padding-top: 1.875rem;
}

.chimp-title.grey {
	color: #58595b;
}

.chimp-title.green {
	color: #908a5e;
}

.after-chimp {
	clear: both;
}

#mc_embed_signup_scroll {
	text-align: center;
}

.mc-field-group, #mce-responses {
	padding-top: .75rem;
}

.mc-field-group label {
	font: .875rem alegreya_sansmedium;
	padding: 0 .5rem 0 1rem;
}

#mc-embedded-subscribe.button {
	font-family: alegreya_sans_scregular;
}