/* =============================================================================
   HTML
   ========================================================================== */

html { -ms-font-feature-settings: inherit; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; font-size: 62.5%; margin: 0; min-height: 100%; padding: 0; width: 100%; }
html.no-overflow,
html.no-overflow body,
html.no-overflow #site-wrapper { -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: auto; backface-visibility: hidden; overflow: hidden; position: relative; }

/* =============================================================================
   ANCHORS AND PSEUDO STYLES
   ========================================================================== */

a { -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;	color: #c97642; outline: none;	text-decoration: none; transition: all 0.2s ease-in-out 0s;	}
a:hover,
a:active { color: #656161; outline: none; }
a:focus { color: #656161; }
input,
i,
span { -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; outline: none; transition: all 0.2s ease-in-out 0s; }
.left,
.middle,
.middle-left { float: left; }
.right { float: right; }
ul, 
li { list-style: none; }
.centred { margin: 0 auto; text-align: center; }
button { background: none; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; outline: none; padding: 0; }
a.button,
.button,
form input[type="submit"] { -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #d8915c; border: none; border-radius: 3px; color: #ffffff; box-shadow: 0 3px 0 #b3794d; display: inline-block; font-size: 1.7rem; font-weight: 900; line-height: 2.4rem; margin: 0 auto; min-width: 232px; outline: none; overflow: hidden; padding: 15px 22px; position: relative; text-align: center; text-transform: none; transition: all 0.4s ease; }
a.button:hover,
.button:hover,
form input[type="submit"]:hover,
a.button:focus,
.button:focus,
form input[type="submit"]:focus { background-color: #b3794d; }
a.button:focus,
.button:focus,
form input[type="submit"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
	
/* =============================================================================
   WIDTHS
   ========================================================================== */

.full-width { width: 100%; }
.nine-column-width { width: 90%; } 
.eight-column-width { width: 80%; }
.seven-column-width { width: 70%; }
.six-column-width { width: 60%; }
.half-width { width: 50%; }
.four-column-width { width: 40%; }
.three-column-width { width: 30%; }
.two-column-width { width: 20%; }
.one-column-width { width: 10%; }

/* =============================================================================
   COLUMNS
   ========================================================================== */

.two-column,
.three-column,
.four-column,
.five-column { margin: 0 -1%; }
.col { padding: 0 1%; }
.col:before { display: none; }
.two-column .col { width: 50%; }
.two-column .col:nth-child(2n+1) { clear: left; }
.three-column .col { width: 33.33%; }
.three-column .col:nth-child(3n+1) { clear: left; }
.four-column .col { width: 25%; }
.four-column .col:nth-child(4n+1) { clear: left; }
.five-column .col { width: 20%; }
.five-column .col:nth-child(5n+1) { clear: left; }

/* =============================================================================
   BACKGROUND COLOURS
   ========================================================================== */

.secondary-bg { background-color: #ebebeb; }

/* =============================================================================
   BODY
   ========================================================================== */

body { background: #ffffff; color: #342b29; font-family: "Roboto", Arial, Helvetica, Verdana, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0.02em; line-height: 24px; margin: 0; min-height: 100%; overflow-x: hidden; padding: 0; width: 100%; }
	
/* =============================================================================
   WRAPPERS
   ========================================================================== */

#site-wrapper { -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; margin: 0; min-height: 100%; min-width: 320px; position: relative; transition: all 0.2s ease-in-out 0s; }
.wrapper { -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; margin: 0 auto; max-width: 1215px; padding: 0 20px; transition: all 0.2s ease-in-out 0s; }

/* =============================================================================
   HEADER
   ========================================================================== */

header#header { background: #ffffff; position: relative; width: 100%; }
header#header .wrapper { max-width: none; padding: 36px 38px 27px; }
.nav-open header#header { position: static; z-index: auto; }

/* LOGO
   ========================================================================== */

#logo { background: url("/wp-content/themes/MLPA/assets/images/logo-text.png") no-repeat 0 0 transparent; background-size: 320px auto; height: 77px; width: 320px; }
#logo > a { display: block; height: 100%; width: 100%; }

/* CONTACT DETAILS
   ========================================================================== */

header#header .contact-details { font-size: 1.4rem; margin-bottom: 20px; }
header#header .contact-details p { display: inline-block; margin: 0; padding: 0; vertical-align: middle; }
header#header .contact-details a { color: #656161; font-weight: 900; }
header#header .contact-details p:first-child a { margin-right: 20px; }
header#header .contact-details a .fa { color: #d8915c; margin-right: 5px; }

/* NAVIGATION
   ========================================================================== */

nav#navigation ul { margin: 0; }
nav#navigation ul > li { display: inline-block; font-size: 1.8rem; font-weight: 700; padding: 0 0 0 18px; vertical-align: middle; }
nav#navigation ul > li.current_page_item a { color: #b3794d; padding-bottom: 5px; position: relative }
nav#navigation ul > li.current_page_item a:after { background: #b3794d; bottom: 0; content: ""; display: block; height: 2px; position: absolute; width: 100%; }
	
/* =============================================================================
   FOOTER
   ========================================================================== */
  
footer#footer { background: #404043; }
footer#footer .wrapper { background: url("/wp-content/themes/MLPA/assets/images/footer-logo.png") no-repeat 20px 50% transparent; background-size: 60px auto; color: #ffffff; padding: 60px 20px 60px 115px; }
footer#footer .wrapper p { padding: 0; }

/* =============================================================================
   PAGE LEVEL
   ========================================================================== */

.home .entry-header { display: none; }

#main { border-top: 12px solid #ffffff; }

/* CONTENT AREA
   ========================================================================== */

#content-area { margin-bottom: 0; }
#content-area .wrapper { padding-bottom: 20px; padding-top: 40px; }
#content-area .page-content .content { background: transparent; }
#content-area .page-content .content .hentry { background: transparent; position: relative; }
#content-area .page-content .secondary-bg { margin: 0 -163px; margin: 0 -100vw; }
#content-area .page-content .secondary-content { margin: 0 auto 40px; max-width: 1215px; }
	
/* BLOG POSTS
   ========================================================================== */

.blog .post + .post { border-top: 2px solid #ffffff; margin-top: 30px; padding-top: 30px; }
.blog .post .entry-content { margin-bottom: 15px; min-height: 160px;  padding-left: 300px; position: relative; }
.blog .post .entry-header .entry-title { margin-bottom: 10px; }
.blog .post .entry-header .entry-meta { padding-bottom: 20px; }
.blog .post .entry-content .thumbnail { height: 160px; left: 0; overflow: hidden; max-width: 280px; position: absolute; top: 0; }
.blog .post .entry-content .thumbnail img { height: auto; width: 100%; }

/* =============================================================================
   PAGE OVERLAY
   ========================================================================== */

#page-overlay { background-color: rgba(0,0,0,0.9); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; }
	
/* =============================================================================
   STYLE TEMPLATE
   ========================================================================== */

/* HELPERS
   ========================================================================== */

.transition { -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.desktop-view,
.desktop-tablet-view { display: block; }
.mobile-view,
.assistive-text { display: none; }

/* UNORDERED LISTS
   ========================================================================== */

ul { list-style: none; margin: 0 0 30px; }
ul li { display: block; list-style: none; padding: 0 25px; position: relative; }
#main ul li + li,
#content-area ul li:not('.gfield') + li { padding-top: 25px; }
#main ul > li > span.fa { left: 0; position: absolute; top: 8px; }
#main ul:after,
#main ol:after,
#content-area ul:after,
#content-area ol:after { content: ""; display: table; width: 100%; }
#main ul > li:before,
#content-area ul > li:not('.gfield'):before { -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #d8915c; border-radius: 50%; content: ""; display: block; height: 10px; left: 0; position: absolute; top: 6px; width: 10px; }
#main ul > li + li:before,
#content-area ul > li:not('.gfield') + li:before { top: 32px; }

/* ORDERED LISTS
   ========================================================================== */

#main ol,
#content-area ol { list-style: none; overflow: hidden; padding: 0 0 30px; }
#main ol li:before,
#content-area ol li:before { background-color: #d8915c; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #ffffff; content: counter(step-counter); font-size: 1.3rem; font-weight: 700; height: 18px; left: 0; line-height: 18px; margin: 0; padding: 0; position: absolute; text-align: center; top: 4px; width: 18px; }
#main ol li,
#content-area ol li { counter-increment: step-counter; display: block; padding: 0 30px; position: relative; }
#main ol li + li,
#content-area ol  li + li { padding-top: 25px; }
#main ol li + li:before,
#content-area ol > li + li:before { top: 28px; }

/* HEADINGS
   ========================================================================== */

h1, h2, h3, h4, h5, h6 { color: #342b29; font-family: "Roboto", Arial, Helvetica, Verdana, sans-serif; font-weight: 400; margin: 0 0 35px; position: relative; text-transform: none;  }
h1,
h1.entry-title { font-size: 2.7rem; font-weight: 700; line-height: 3.5rem; }
h1:after,
h1.entry-title:after { background: #d8915c; content: ""; display: block; height: 4px; margin-bottom: 25px; margin-top: 11px; width: 89px; }
h2 { font-size: 2.5rem; font-weight: 400; line-height: 3rem; }
h3 { font-size: 2.2rem; font-weight: 800; line-height: 2.8rem; }
h4 { font-size: 2rem; font-weight: 700; letter-spacing: -0.02em; line-height: 2.4rem; }
h5 { color: #454545; font-size: 1.7rem; line-height: 2.2rem;  }
h6 { font-size: 1.2rem; font-weight: 700; line-height: 1.6rem; }

/* PARAGRAPHS
   ========================================================================== */

p { padding: 0 0 33px; }

/* IMAGES
   ========================================================================== */

img { border: none; display: inline-block; height: auto; margin: auto; max-width: 100%; padding: 0; }
.page-content img { display: block; }
.alignright { float: right; margin: 5px 0 20px 30px; }
.alignleft { float: left; margin: 5px 30px 20px 0; }
figcaption.wp-caption-text { background: #ffffff; color: #ffffff; font-size: 1.3rem; line-height: 2rem; padding: 10px 20px; }

/* VIDEOS
   ========================================================================== */

.video-container { height: 0; margin: 30px auto 40px; max-width: 1080px; overflow: hidden; padding-bottom: 56.25%; padding-top: 0; position: relative; }
.video-container iframe,
.video-container object,
.video-container embed { height: 100%; left: 0; margin: 0; max-width: none; position: absolute; top: 0; width: 100%; }
	
/* BLOCKQUOTE
   ========================================================================== */

blockquote { color: #ffffff; font-family: "Georgia", serif; font-size: 2rem; font-style: italic; letter-spacing: 0; line-height: 3rem; margin: 0 auto; max-width: 95%; padding: 0; position: relative; text-shadow: 2px 2px 1px rgba(0,0,0,0.7); }
blockquote p { padding-bottom: 0; }
blockquote footer { margin-top: 10px; }
blockquote ~ footer cite,
blockquote footer cite { color: #ffffff; font-family: "Roboto", Arial, Helvetica, Verdana, sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 600; letter-spacing: 0; line-height: 2.4rem; text-transform: none; }

/* TABLE ELEMENTS
   ========================================================================== */

.table-wrap { overflow-x: auto; position: relative; width: 100%; }
table { border: none; border-collapse: collapse; margin-bottom: 30px; table-layout: fixed; width: 100%; }
table th,
table td { background: transparent; border-bottom: 1px solid #b4b4b4; font-size: 15px; line-height: 2rem; padding: 6px 10px; text-align: left; vertical-align: top; }
table th { background: #c97642; color: #ffffff; font-weight: 700; vertical-align: middle; text-transform: uppercase; }
table tr td:first-child { color: #c97642; font-weight: 700; width: 25%; }
table tr th { background-color: #c97642; }
table td p { margin: 0; padding: 0; }
table td p + p { padding-top: 20px; }
.ui-datepicker table th { color: #ffffff; text-shadow: none; }

/* GALLERIES
   ========================================================================== */

.gallery { clear: both; margin: 0 -1% 30px; padding-top: 20px; width: 100%; }
.gallery:before,
.gallery:after { clear: both; display: table; content: ""; width: 100% }
.gallery:before { border-top: 3px solid #7acdec; height: 0; margin: 0 auto 30px; width: 98%; }
.gallery .gallery-item { border: none; display: inline-block; margin: 0 0 2%; overflow: hidden; padding: 0; max-height: 160px; position: relative; vertical-align: top; }
.gallery.gallery-columns-2 .gallery-item { width: 50%; }
.gallery.gallery-columns-3 .gallery-item { width: 33.33%; }
.gallery.gallery-columns-4 .gallery-item { width: 25%; }
.gallery.gallery-columns-5 .gallery-item { width: 20%; }
.gallery.gallery-columns-6 .gallery-item { width: 12%; }
.gallery .gallery-item .gallery-icon { display: block; margin: 0 3%; overflow: hidden; }
.gallery .gallery-item a { display: block; height: 100%; width: 100%; }
.gallery .gallery-item a > img { -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; border: none; padding: 0; transition: all 0.2s ease; width: 100%; }
.gallery .gallery-item a:hover > img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
.gallery .gallery-item .gallery-caption { background: rgba(2, 44, 54, 0.8); bottom: 0; color: #ffffff; display: block; font-size: 1.6rem; font-family: "Roboto", Arial, Helvetica, Verdana, sans-serif; line-height: 1.8rem; padding: 10px 20px; left: 0; letter-spacing: -0.02em; position: absolute; width: 100%; }

/* FORM ELEMENTS
   ========================================================================== */

form input,
form textarea { -moz-border-radius: 0; -webkit-border-radius: 0; background: #f1f1f1; border: none; border-radius: 0; color: #000000; font-size: 1.6rem; font-style: normal; letter-spacing: 0; line-height: 2.4rem; padding: 9px 15px; }
form textarea { -moz-resize: none; -webkit-resize: none; max-height: 250px; overflow-y: auto; resize: none; width: 100%; }
body .gform_wrapper.gf_browser_chrome form .gfield_checkbox li input, 
body .gform_wrapper.gf_browser_chrome form .gfield_checkbox li input[type=checkbox], 
body .gform_wrapper.gf_browser_chrome form .gfield_radio li input[type=radio] { margin-top: 2px; }
form ul > li { padding: 0; }
body .gform_wrapper form input,
body .gform_wrapper form textarea,
body .gform_wrapper form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 15px 20px; }
#searchform input.field { width: 50%; }
body .gf_browser_ie { display: block !important }

/* POST NAVIGATION
   ========================================================================== */

nav#nav-above { display: none; }
nav#nav-below { display: block; }
nav#nav-below .nav-previous,
nav#nav-below .nav-next { display: inline-block; font-size: 1.6rem; font-weight: 700; letter-spacing: 0.08em; line-height: 2.4rem; margin: 0 10px; text-transform: uppercase; vertical-align: middle; }
nav#nav-below .nav-previous a,
nav#nav-below .nav-next a { color: #ffffff; }
nav#nav-below .nav-next span.meta-nav { padding-left: 6px; }
nav#nav-below .nav-previous span.meta-nav { padding-right: 6px; }
nav#nav-below .nav-next span.meta-nav:after,
nav#nav-below .nav-previous span.meta-nav:before { background: none; content: "\f054"; display: inline-block; height: 30px; position: relative; top: 7px; width: 15px; }
nav#nav-below .nav-previous span.meta-nav:before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); top: 10px; transform: rotate(180deg); }

/* COMMENTS SECTION
   ========================================================================== */

#comments { background: transparent; border-top: 3px solid #f5f4f4; clear: both; margin: 30px auto 0; padding: 10px 0 0; }
#comments #respond { clear: both; padding: 20px 0; }
#comments #respond .reply-title > a { margin-left: 10px; vertical-align: middle; }
#comments .logged-in-as { margin-top: -56px; }
#comments .logged-in-as > a { clear: both; float: right; font-weight: 700; }
#comments .logged-in-as > a:first-child { letter-spacing: -0.022em; margin-bottom: 15px; }
#comments #respond.comment-respond { padding-left: 0; padding-right: 0; }
#comments form label { font-size: 1.8rem; font-weight: 700; margin-bottom: 10px; }
#comments form label,
#comments form input,
#comments form textarea  { display: block; }
#comments form textarea { -moz-box-shadow: none; -webkit-box-shadow: none; -moz-resize: none; -webkit-resize: none; background: #ffffff; border: 2px solid #f5f4f4; box-shadow: none; font-size: 1.6rem; font-weight: 700; line-height: 2.1rem; margin: 0; max-height: 200px; outline: 0; overflow-y: auto; padding: 13px; resize: none; width: 100%; }
#comments form input[type="submit"] { max-width: 100%; }
.page #comments { display: none; }

/*----- Comments -----*/
.entry-meta { font-style: italic; }
#comments .comments-title,
#content-area .page-content .wrapper h2.comments-title { background-color: #46648c; color: #ffffff; margin: 25px 0 0; padding: 20px; }
#comments ol:before,
#comments ol:after,
#comments ol li ul:before,
#comments ol li ul:after { clear: both; content: ""; display: table; width: 100%; }
#comments ol li { padding: 15px 20px; }
#comments ol > li { border-top: 1px solid #ffffff; }	
#comments ol li ul { margin: 0; }
#comments ol li ul > li { margin-right: -10px; }
#comments ol li ul > li:before { display: none; }
.comments-area article header { background-color: #656161; color: #ffffff; margin: 0 0 48px; overflow: hidden; padding: 10px; position: relative; }
li.bypostauthor cite span { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #fcf6ee; background-image: none; border: 1px solid #3cb1ae; border-radius: 3px; box-shadow: none; color: #21759b; font-weight: 400; padding: 3px; }
#comments .comment-author img { border: 0; float: left; margin: 0; left: 10px; margin-top: 0; position: absolute; top: 50%; }
#comments ol.commentlist { background: #f5f4f4; }
#comments .bypostauthor .comment > footer { background: #1a1c1d; clear: both; margin: 0 -30px; padding: 10px 30px; position: relative; }
#comments .bypostauthor .comment > footer .says { display: none; }
#comments .bypostauthor .comment > footer cite.fn { color: #f7774c; float: left; font-size: 1.6rem; font-weight: 700; padding-top: 10px; }
#comments .comment-meta a,
#comments .bypostauthor .comment > footer .comment-author a { color: #ffffff; }
#comments .comment-meta a:hover { color: #656161; }
#comments .bypostauthor .comment > footer .comment-author a:hover { color: #ffffff; }
#comments .bypostauthor .comment > footer .comment-author,
#comments .bypostauthor .comment > footer .comment-meta { clear: both; padding: 0 20px 0 65px; }
#comments #cancel-comment-reply-link { margin-left: 20px; vertical-align: middle; }
#comments .bypostauthor .comment > footer:before,
#comments .bypostauthor .comment > footer:after { clear: both; content: ""; display: table; width: 100%; }
#comments .comment-meta time { font-size: 1.2rem; font-style: italic; }
.reply { float: right; margin: 0 0 10px 0; }
a.comment-edit-link { float: right; margin: 0 0 10px 10px; }
.comment article { padding-bottom: 27px; position: relative; }
#comments .comment-content { max-width: 85%; padding: 20px 10px 0 90px; }
.commentlist li:before { display: none; }
#comments > #respond.comment-respond { padding: 20px 0; }

/* HORIZONTAL RULES
   ========================================================================== */

hr { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-color: #acacac; border-radius: 20px; border-style: solid; border-width: 1px 0 0 0; height: 30px; height: 3rem; }
hr:before { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-color: #acacac; border-radius: 20px; border-style: solid; border-width: 0 0 1px 0; content: ""; display: block; height: 30px; margin-top: -31px; }

/* =============================================================================
   MEDIA QUERIES
   ========================================================================== */

@media screen and (max-width: 1024px) {
	
	/*----- Header -----*/
	header#header .wrapper { padding: 25px 20px; }
	
	/* Logo */
	#logo { background-size: 250px auto; height: 60px; width: 250px; }
			
	/* Contact Details */
	header#header .contact-details { margin: 17px 30px 0 0; }	
		
	/* Navigation */ 
	#navicon { -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; cursor: pointer; display: block; height: 25px; float: right; margin: 17px 0; position: relative; transition: all 0.2s ease-in-out 0s; width: 44px; z-index: 12; }
	#navicon > span { -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; background: #d8915c; height: 5px; left: 0; margin-top: -3px; position: absolute; transition: all linear 0.3s; top: 50%; width: 100%; }
  	#navicon > span:after,
  	#navicon > span:before { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; background: #d8915c; content: ""; display: block; height: 5px; left: 0; position: absolute; transform: rotate(0); transition: all linear 0.3s; width: 100%; }
   	#navicon > span:before { top: -10px; }
  	#navicon > span:after { top: 10px; }
	#navicon.open { right: 244px; }
	#navicon.open > span { background: transparent; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;	}
	#navicon.open > span:before { background-color: #ffffff; visibility: visible; top: 0 !important; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
	#navicon.open > span:after { background-color: #ffffff; visibility: visible; top: 0 !important; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	nav#navigation { -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s;	-webkit-transition: all 0.2s ease-in-out 0s; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0px); -webkit-transform: translate3d(0,0,0); background: #ffffff; display: block; height: 100%; right: -260px; overflow-y: auto; position: fixed; left: auto; padding: 30px 0 0; text-align: left; top: 0; transition: all 0.2s ease-in-out 0s; width: 260px; z-index: 11; }
	nav#navigation.open { right: 0; }	
	nav#navigation ul > li,
	nav#navigation ul > li:first-child,
	nav#navigation ul > li:last-child {	display: block; float: none; padding: 10px 0; }
	nav#navigation ul > li > a { display: block; border-radius: 0; padding: 8px 20px; }
	nav#navigation ul > li:before { background-color: #a1a1a1; content: ""; height: 1px; left: 6px; margin: 0; top: 0; width: 95%; }
	nav#navigation ul > li.current_page_item a:after { width: 83%; }

	}
@media (max-width: 880px) {

	/* Helpers */
	.desktop-view { display: none; }
	.tablet-view,
	.desktop-tablet-view { display: block; }

	/* Columns */
	.col { padding: 0 2%; }
	.two-column,
	.three-column,
	.four-column,
	.five-column { margin: 0 -2%; }
	.three-column .col,
	.four-column .col { width: 50%; }
	.three-column .col:nth-child(2n+1) { clear: left; }
	.three-column .col:nth-child(3n+1) { clear: none; }
	
	/* Style Template */
	h1, h2, h3, h4, h5, h6 { margin: 0 0 22px; }
	p { padding-bottom: 21px; }
	
	.gallery .gallery-item,
	.gallery.gallery-columns-2 .gallery-item,
	.gallery.gallery-columns-3 .gallery-item,
	.gallery.gallery-columns-4 .gallery-item,
	.gallery.gallery-columns-5 .gallery-item,
	.gallery.gallery-columns-6 .gallery-item { margin-left: auto; margin-right: auto; width: 50%; }	
	
	}
@media (max-width: 736px) {

	/* Buttons */
	.button { text-indent: 0; padding: 10px 20px; }
	
	/* Widths */
	.three-column-width,
	.four-column-width,
	.five-column-width,
	.six-column-width,
	.seven-column-width { width: 100%; }

	/* Columns */
	.two-column .col,
	.three-column .col,
	.four-column .col { width: 100%; }

	/* Helpers */
	.tablet-view,
	.desktop-tablet-view { display: none; }
	.mobile-view { display: block; }
	
	/* Header */
	header#header .wrapper { padding: 25px 20px 17px; }	
	
	/* Logo */
	#logo { background-size: 220px auto; height: 55px; width: 220px; }
		
	/* Navicon */
	#navicon { margin: 12px 0; }	
	
	/* Content Area */
	#content-area .page-content .content .hentry { padding: 0 20px 20px; }
	#content-area .page-content .secondary-content { padding-left: 8.7vw; padding-right: 8.7vw; }
	
	/* Footer */
	footer#footer .wrapper { background-size: 50px auto; padding: 40px 20px 40px 90px; }	
	
	/* Style Template */
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6 { margin: 0 0 1.4rem; }
	p { padding-bottom: 20px; }
	table { width: 200%; }
	}
@media (max-width: 640px) {
		
	/* Body */
	body { font-size: 1.6rem; line-height: 2.4rem; }
		
	/* Logo */
	#logo { background-size: 180px auto; height: 43px; width: 180px; }
		
	/* Navicon */
	#navicon { margin: 6px 0; }	
	
	/* Gallery */
	.gallery { margin: 0 auto 30px; }
	.gallery .gallery-item { display: block; margin: 0; max-height: 200px; width: 100%; }
	.gallery .gallery-item + .gallery-item { margin-top: 20px; }

	/* Images */
	.alignright,
	.alignleft { float: none; margin: 0 auto 20px; }
	#content-area .page-content img.alignleft,
	#content-area .page-content img.alignright { max-width: 100%; }
	
	/* Comments */
	#comments .logged-in-as > a:first-child { max-width: 33%; }
	}
@media (max-width: 480px) {
	#content-area .page-content img.alignleft, 
	#content-area .page-content img.alignright { width: 100%; }
	#content-area .page-content .secondary-bg { margin: 0 -13vw; }
	#content-area .page-content .secondary-content { max-width: 100vw; padding-left: 13vw; padding-right: 13vw; }
	}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	form select,
	form textarea,
	form input { font-size: 1.6rem; }
	}