/*
Theme Name: Patuharakeke
Author: Big Fish Creative
*/

/* ----------------------------------------------------------------
    RESET
-----------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section { display: block; }

audio,
canvas,
video { display: inline-block; max-width: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: #fff; }

strong,
b { font-weight: 400; }

em,
i { font-style: italic; }

blockquote { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; color: #767676; font-size: 19px; font-style: italic; font-weight: 300; margin-bottom: 24px; }
blockquote:before,
blockquote:after { content: ""; content: none; }
blockquote cite,
blockquote small { color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5; }
blockquote em,
blockquote i,
blockquote cite { font-style: normal; }
blockquote strong,
blockquote b { font-weight: 400; }

small { font-size: smaller; }

ul,
ol { list-style: none; margin: 0 0 24px 20px; }
ul { list-style: disc; }
ol { list-style: decimal; }
ul li,
ol li { margin: 0 0 10px 20px; }

img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }

fieldset { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0; }
legend { white-space: normal; }

button,
input,
select,
textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; }
button,
input { line-height: normal; }
input,
textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */ }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],
input[disabled] { cursor: default; }
input[type="checkbox"],
input[type="radio"] { padding: 0; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; width: 100%; height: 180px; }
form p { margin-bottom: 12px; }
fieldset { border: 1px solid #c2c2c2; padding: 20px; width: auto; background: #fbfaf5; }
label { display: inline-block; font-size: 15px; font-weight: 500; color: #333; margin-bottom: 5px; cursor: pointer; }
label span, small span { color: red; font-size: 14px; }
input[type="text"], input[type="email"], input[type="password"], select, textarea {  display: block; background: #FFF; padding: 8px 10px;  margin: 0 0 15px; border: 1px solid #c2c2c2; outline: 0; font-size: 15px !important; color: #333; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-weight: 400 !important; }
#captcha { margin-bottom: 20px; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus { color: #667302; -webkit-box-shadow: 0 0 5px rgba(102, 115, 2, 1); -moz-box-shadow: 0 0 5px rgba(102, 115, 2, 1); box-shadow: 0 0 5px rgba(102, 115, 2, 1); border: 1px solid #667302; background: #fcffe4; font-weight: 400; }
input[type="submit"] { background: #ae1e1e; padding: 8px 20px; }
input[type="submit"]:hover { background: #667302; }
div.wpcf7-response-output { margin: 2em 0 1em 0 !important; padding: 10px 15px !important; border-width: 1px !important; background: #fffef0 !important; font-size: 16px !important; color: #656565 !important; line-height: 20px; font-weight: 400; }
div.wpcf7-validation-errors { border: 1px solid #ff0000 !important; background: #ffe7e7 !important; color: red !important; text-shadow: none; }
span.wpcf7-not-valid-tip { font-size: 12px !important; font-style: italic; width: 180px !important; padding: 3px 8px; color: red !important; text-shadow: none; font-weight: 400; }
div.wpcf7-mail-sent-ok { background: #f1ffeb !important; color: #398F14 !important; }
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] { font-size: 16px !important; padding: 6px 10px !important; }
.gform_wrapper select { font-size: 16px !important; }
.gfield_description { font-style: italic; }
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label, .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label { font-weight: 400 !important; }
.gform_confirmation_message, .validation_error { padding: 15px; font-size: 17px !important; font-weight: 400 !important; }
.gform_confirmation_message { background: #f1ffeb; color: #398F14; border: 1px solid #398F14; }
.validation_error { background: #FFDFE0; border: 1px solid #790000; }

table,
th,
td { border: 1px solid rgba(0, 0, 0, 0.1); }
table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; border-color: #c2c2c2; }
th,
td { font-weight: normal; text-align: left; border-color: #c2c2c2; padding: 5px 8px; }
th { border-width: 0 1px 1px 0; font-weight: 500; color: #fff; background: #139938; }
td { border-width: 0 1px 1px 0; }
tr.alt td { background: #fbfaf5; }

hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 27px; }

/* Support a widely-adopted but non-standard selector for text selection styles */

::selection { background: #667302; color: #fff; text-shadow: none; }
::-moz-selection { background: #667302; color: #fff; text-shadow: none; }

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder { color: #939393; }
:-moz-placeholder {	color: #939393; }
::-moz-placeholder { color: #939393; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */}
:-ms-input-placeholder { color: #939393; }

/* Responsive images. Fluid images for posts, comments, and widgets */

img,
.wp-caption { max-width: 100%; }

/* Make sure images with WordPress-added height and width attributes are scaled correctly */

img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] { height: auto; }

img,
img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img { height: auto; max-width: 100%; }

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object,
video { margin-bottom: 24px; max-width: 100%; }

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object { margin-bottom: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%;} /* Hides from IE-mac \*/
.clearfix { display: block;}

/* ----------------------------------------------------------------
    STRUCTURE
-----------------------------------------------------------------*/

#wrapper { width: 100%; margin: 0 auto; position: relative; }
.container { width: 960px; margin: 0 auto; position: relative; }
.bottommargin { margin-bottom: 60px !important;}
.nobottommargin { margin-bottom: 0 !important;}
.norightborder { border-right: none !important; }
.inset { padding: 0 25px; }
.align-left { float: left; }
.align-right { float: right; }
.list-reset { margin: 0; padding: 0; list-style: none; }

.col-full { width: 100%; }
.col-half { width: 48%; }
.col-one-third { width: 30.63%; }
.col-two-third { width: 65.33%; }
.col-one-fourth { width: 22%; }
.col-three-fourth { width: 74%; }
.col-one-fifth { width: 16.8%; }
.col-two-fifth { width: 37.6%; }
.col-three-fifth { width: 58.4%; }
.col-four-fifth { width: 79.2%; }
.col-one-sixth { width: 13.33%; }
.col-five-sixth { width: 82.67%; }

.col-full,
.col-half,
.col-one-third,
.col-two-third,
.col-three-fourth,
.col-one-fourth,
.col-one-fifth,
.col-two-fifth,
.col-three-fifth,
.col-four-fifth,
.col-one-sixth,
.col-five-sixth { display: block; position: relative; margin-right: 4%; margin-bottom: 50px; float: left; }

.col-full { clear: both; float: none; margin-right: 0; }
.col-last { margin-right: 0 !important; clear: right; }

/* ----------------------------------------------------------------
    REPEATABLE PATTERNS
-----------------------------------------------------------------*/

.table { display:table; width:100%; height:100%; }

/* TEASERS */

.teaser { background: #fbfaea; margin-bottom: 25px; overflow: hidden; }
.teaser div { margin-bottom: 0; }
.teaser-image { float: right; }
.teaser-image img { width: 100%; }
.teaser-text { padding: 15px 0 15px 20px; }
.teaser-text h3 { margin-bottom: 8px; }
.teaser-text p { margin-bottom: 10px; }

/* BUTTONS */

.button { color: #fff; display: inline-block; padding: 4px 20px; text-transform: uppercase; font-size: 17px; border: 1px solid #fff; }
.button:hover, .button.active { border-color: #f2efbb; color: #f2efbb; }
.button.inverse { border-color: #ae1e1e; color: #ae1e1e; }
.button.inverse:hover { border-color: #667302; color: #667302; }\

/* IMAGES */

.entry-content img, .comment-content img, .widget img { max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.size-full, img.size-large { max-width: 97.5%; width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
.alignleft, .alignright, .aligncenter { margin-bottom: 10px; }
.alignleft, .alignright { display: inline; }
.alignleft { margin-right: 15px; float: left; }
.alignright { margin-left: 15px; float: right; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }
p img, .wp-caption { margin-top: 0.4em; }
.wp-caption { background: #eee; max-width: 96%; padding: 8px; border: 1px solid #dbdbdb; }
.wp-caption img { display: block; margin: 0 auto; width: 100%; }
.wp-caption .wp-caption-text, .gallery-caption { color: #666; font-size: 12px; line-height: 16px; }
.wp-caption .wp-caption-text { padding: 10px 0 2px 6px; position: relative; margin-bottom: 0; }

/* SINGLE NAV */

.nav-single { padding-top: 10px; }
.nav-single li { width: 33%; float: left; margin: 0; font-weight: 400; }
.nav-single li#all { text-align: center; }
.nav-single li#next { text-align: right; }

/* ----------------------------------------------------------------
    TYPOGRAPHY
-----------------------------------------------------------------*/

body,
button,
input,
select,
textarea { font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; color: #362f2d; font-size: 16px; line-height: 22px; font-weight: 300; }

p { margin-bottom: 20px; }

.kicker p { font-weight: 400; font-size: 18px; line-height: 23px; border-bottom: 1px solid #ae1e1e; padding-bottom: 20px; }

.upper { text-transform: uppercase; }
.centered { text-align: center; }

/* HEADINGS */

h1,h2,h3,h4,h5,h6 { font-weight: 400; color: #667302; margin-bottom: 15px; }
h1 { font-size: 34px; line-height: 38px; }
h2 { font-size: 27px; line-height: 31px; }
h2.feature-heading { color: #fff; background: #362f2d; padding: 7px 15px; font-weight: 300; margin-bottom: 0; font-size: 22px; }
h2.section-heading { border-bottom: 1px solid #ae1e1e; padding-bottom: 8px; margin-bottom: 20px; }
h3 { font-size: 21px; line-height: 26px; }
h4 { font-size: 17px; line-height: 20px; }

/* LINKS */

a { color: #ae1e1e; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover,
a:active { outline: 0; }
a:active,
a:hover { color: #667302; }

/* ----------------------------------------------------------------
    MASTHEAD
-----------------------------------------------------------------*/

#masthead { background: #362f2d; margin-bottom: 7px; }

	/* HEADER LOGO */
	
	#logo { margin-bottom: 0; }
	#logo a { padding: 20px 25px 25px 25px; display: block; }
	#logo .retina-logo { display: none; }
	
	/* HEADER BUTTONS */
	
	#header-buttons { margin-bottom: 0; float: right; }
	#header-buttons span { padding: 19px 25px 20px 0; display: block; }
	#header-buttons a { float: right; }
	#header-buttons .button { padding: 6px 14px; margin-left: 8px; font-family: 'Roboto Slab', serif; font-weight: 700; border-width: 2px; }
	#header-buttons .register { background: #ae1e1e; border-color: #ae1e1e; color: #fff; }
	#header-buttons .register:hover, #header-buttons .register.active { background: #667302; border-color: #667302; }
	#facebook { display: inline-block; width: 37px; height: 37px; background: url(gfx/sprite-fb-icon@2x.png) no-repeat 0 0; background-size: 37px 74px; -moz-background-size: 37px 74px; -webkit-background-size: 37px 74px; -o-background-size: 37px 74px; text-indent: -3000px; margin-left: 8px; }
	#facebook:hover { background-position: 0 -37px; }
	
	/* MAIN NAV */
	
	#responsive-nav { display: none; }
	#main-nav { background: #4a4442; width: 100%; float: left; line-height: 0; }
	#menu-main-nav { text-transform: uppercase; text-align: left; list-style: none; padding: 0; margin: 0; }
	#menu-main-nav li { float: left; position: relative; cursor: pointer; margin: 0; border-bottom: 6px solid transparent; }
	#menu-main-nav li:hover,
	#menu-main-nav li.current-menu-item,
	#menu-main-nav li.current-menu-parent,
	#menu-main-nav li.current-page-ancestor,
	.single-post #menu-main-nav li#menu-item-66,
	.events-archive #menu-main-nav li#menu-item-224 { border-bottom: 6px solid #ae1e1e; background: #5c5755; }
	#menu-main-nav a { color: #fff; display: block; font-size: 15px; line-height: 20px; text-decoration: none; padding: 11px 18px 9px 18px; font-weight: 300; }
	#menu-main-nav .sub-menu { display: none; list-style: none; float: left; margin: 0; position: absolute; top: 46px; left: 0; width: 198px; z-index: 99999; border: 1px solid #5c5755; border-bottom: none; -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); }
	#menu-main-nav .sub-menu li { background: #362f2d; padding: 0; margin: 0; border-bottom: none; }
	#menu-main-nav .sub-menu li:hover,
	#menu-main-nav .sub-menu li.current-menu-item,
	#menu-main-nav .sub-menu li.current-menu-parent,
	#menu-main-nav .sub-menu li.current-page-ancestor { border-bottom: none; }
	#menu-main-nav .sub-menu a { font-size: 14px; font-weight: 400; height: auto; line-height: 1.4em; padding: 10px; width: 178px; text-transform: none; display: block; border-bottom: 1px solid #5c5755; }
	#menu-main-nav .sub-menu a:hover { background: #5c5755; }
	#menu-main-nav li:hover ul { display: block; }
	#menu-main-nav li:hover ul ul { display: none; }

/* ----------------------------------------------------------------
    SIDEBAR LEFT
-----------------------------------------------------------------*/

#sidebar-left { width: 25%; margin-right: 3%; padding-top: 8px; float: left; }

	/* SUBNAV */
	
	#subnav h2 { border-bottom: 1px solid #fff; }
	#subnav ul { list-style: none; margin: 0; padding: 0; }
	#subnav li { border-bottom: 1px solid #362f2d; margin: 0; }
	#subnav a { background: #362f2d; border-left: 6px solid transparent; display: block; padding: 12px 15px; color: #fff; }
	#subnav a:hover,
	#subnav li.current_page_item a,
	#subnav li.current_page_item .children a:hover,
	#subnav li.current_page_parent .children a:hover,
	#subnav li.current_page_parent .children li.current_page_item a { background: #5e5957; border-left: 6px solid #ae1e1e; }
	#subnav li.current_page_parent a { background: #667302; }
	#subnav .children { border-top: 1px solid #362f2d; }
	#subnav .children a { padding-left: 25px; }
	#subnav .children a,
	#subnav li.current_page_item .children a,
	#subnav li.current_page_parent .children a { background: #4a4442; border-left: 6px solid #4a4442; }

/* ----------------------------------------------------------------
    MAIN CONTENT
-----------------------------------------------------------------*/

#main-content-wrapper { padding: 30px 0 50px 0; overflow: hidden; }
	
	#main-content { width: 72%; float: right; margin-right: 0; }
	
	#content { width: 61.5%; float: left; }
	#content.no-subnav { width: 69%; }
	
	/* HOME */
	
	.home #content { padding-top: 8px; float: left; width: 48%; }
	.home .kicker { border-bottom: none; padding-bottom: 0; }
	
	.one-half { width: 50%; }
	.one-quarter { width: 25%; }
	
	#home-features { overflow: hidden; }
	.feature { margin: 0; float: left; position: relative; }
	.feature h3 { text-transform: uppercase; font-weight: 300; font-size: 17px; line-height: 22px; color: #fff; display: block; }
	.feature-image { overflow: hidden; position: relative; }
	.feature-image img { display: block; position: relative; height: auto; max-width: 100%; }
	.feature-overlay { display: none; position: absolute; top: 0; left: 0; background: url(gfx/transparency-red.png) repeat 0 0; width: 100%; height: 100%; z-index: 5; cursor: default; }
	.feature-text { color: #fff; display: table-cell; vertical-align: middle; padding: 0 20px; }
	.feature-title { position: absolute; bottom: 0; left: 0; width: 100%; background: url(gfx/transparency-red.png) repeat 0 0; padding: 10px 0; margin-bottom: 0; } 
	.feature-text h3 { border-bottom: 1px solid #fff; margin-bottom: 8px; padding-bottom: 5px; }
	.feature-text p { font-size: 13px; line-height: 18px; margin-bottom: 10px; font-family: 'Roboto Slab', serif; }
	.feature-text .button { padding: 3px 25px; font-size: 14px; }
	
	#latest-news { background: #362f2d; overflow: hidden; margin-top: 5px; }
	#latest-news div { margin-bottom: 0; }
	#latest-news-text { padding: 15px 15px 0 20px; color: #fff; }
	#latest-news-text h4 { color: #fff; margin-bottom: 8px; }
	#latest-news-text p { font-size: 14px; line-height: 19px; margin-bottom: 10px; }
	#latest-news-text a { font-size: 14px; padding: 4px 18px; }
	
	/* NEWS */
	
	#section-teasers { padding-top: 8px; }
	.single-post h1 { margin-bottom: 5px; }
	.post-meta { font-weight: 400; display: block; margin-bottom: 20px; }
	.wp-pagenavi { padding-top: 20px; }
	.wp-pagenavi a, .wp-pagenavi span { padding: 5px 9px !important; margin: 4px !important; }
	.wp-pagenavi a:hover, .wp-pagenavi span.current { background: #667302; color: #fff; border-color: #667302 !important; }
	
	#footer-features { clear: both; }
	#footer-features .col-one-fourth,
	#footer-features .col-three-fourth { margin: 0 !important; }
	#footer-features .col-one-fourth { width: 25%; }
	#footer-features .col-one-fourth .one-quarter { width: 100%; }
	#footer-features .col-three-fourth { width: 50%; }
	#footer-features .col-three-fourth .one-quarter { width: 50% }
	#footer-features .col-three-fourth .one-half { width: 100%; }

/* ----------------------------------------------------------------
    SIDEBAR RIGHT
-----------------------------------------------------------------*/

#sidebar-right { padding-top: 8px; float: right; margin-right: 0; width: 34.5%; }
#sidebar-right.no-subnav { width: 27%; }
.home #sidebar-right { width: 48%; }

	.sidebar-item { margin-bottom: 30px; }

	/* RELATED DOWNLOADS */
	
	#related-downloads { list-style: none; margin: 0; padding: 0; }
	#related-downloads li { border-bottom: 1px solid #362f2d; margin: 0; }
	#related-downloads a { display: block; color: #362f2d; padding: 10px 33px 10px 10px; border-left: 6px solid #fff; background: #fff url(gfx/sprite-arrow-download.png) no-repeat 96% 14px; }
	#related-downloads a:hover { background: #ebeaea url(gfx/sprite-arrow-download.png) no-repeat 96% -76px; border-left: 6px solid #ae1e1e; }
	
	/* LATEST NEWS */
	#sidebar-news article { padding: 15px; }
	#sidebar-news h4 { margin-bottom: 5px; }
	#sidebar-news h4 a { color: #667302; }
	#sidebar-news h4 a:hover { color: #ae1e1e; }
	#sidebar-news p { font-size: 15px; margin-bottom: 5px; }
	
	/* UPCOMING EVENTS */
	#sidebar-events ol { margin: 0; padding: 0; }
	#sidebar-events li { list-style: none; margin-left: 0; }
	#sidebar-events h4 { margin-bottom: 2px; }
	.vcalendar li { border-bottom: 1px solid #667302; padding-bottom: 10px; margin-bottom: 10px !important; }
	.tribe-events-widget-link { font-weight: 400; }

/* ----------------------------------------------------------------
    FOOTER
-----------------------------------------------------------------*/

#footer-wrapper { background: url(gfx/bg-motif-footer.png) repeat-x bottom left; }
	
	#global-footer { overflow: hidden; }
	
	#acknowledgements { margin-top: 20px; padding-bottom: 30px; font-size: 14px; line-height: 20px; font-style: italic; }
	
/* ----------------------------------------------------------------
    BACK TO TOP
-----------------------------------------------------------------*/

#gotoTop { display: none; z-index: 999; position: fixed; width: 40px; height: 40px; top: auto; left: auto; right: 30px; bottom: 30px; cursor: pointer; background: url(gfx/btn-btt.gif) no-repeat 0 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#gotoTop:hover,
#gotoTop:active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
#gotoTop span { display: block; text-indent: -10000px; }