@charset "UTF-8";
/* MAIN CSS SHEET */

/* RESET CSS */
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}a{text-decoration:none;}

/* STICKY FOOTER */
/* Sticky Footer Solution by Steve Hatcher – http://stever.ca • http://www.cssstickyfooter.com */
html,body{height:100%;}#wrap{min-height:100%;}#main{overflow:auto;padding-bottom:100px;}footer{position:relative;margin-top:-80px;height:80px;clear:both;}body:before {content:'';height:100%;float:left;width:0;margin-top:-32767px;}

/* GENERICS */
* { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-rendering:optimizeLegibility; }
a { -webkit-backface-visibility:hidden; }
::selection { background:#00bdc4; color:#f9f9f9; text-shadow:none; }
::-moz-selection { background:#00bdc4; color:#f9f9f9; text-shadow:none; }

/* LAYOUT */
html { overflow-y:scroll; }
#main, section { width:100%; max-width:700px; margin:0 auto; }

.lt-ie9 body { min-width:400px; margin:0 auto; width:95%; }
.lt-ie8 html { height:auto; }
.lt-ie8 body { width:700px; margin:0 auto; }

section { padding:10px 10px 25px; -webkit-transition:opacity 500ms; transition:opacity 500ms; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden; }
.lt-ie9 section { padding:0; }

footer { padding:0 10px; width:100%; max-width:700px;  margin-left:auto; margin-right:auto; -webkit-transition:opacity 500ms; transition:opacity 500ms; }
.pushStateHidden section#content, .pushStateHidden footer { opacity:0; }
@media screen and (max-width:320px) {
	#main { padding-bottom:140px; }
	footer { margin-top:-120px; height:120px; }
}

/* TYPOGRAPHY */
body { font-family:"abril-text-n4", "abril-text","Lora",serif; font-style:normal; font-weight:400; background:#f8f8f7; color:#090909; -webkit-font-smoothing:antialiased; text-shadow:#fff 0 1px 0; -webkit-text-size-adjust:100%; }
header h1 { font-size:2em; letter-spacing:2px; text-transform:uppercase; font-family:"omnes-pro-n3", "omnes-pro","Oswald",sans-serif;
font-style: normal; font-weight: 300; text-align: center; }
header h1 .device-title { line-height:35px; display:block; }
header h1 .device-subtitle { font-size:0.3em; line-height:10px; height:10px; display:block; }

.gt-ie8 header h1 .device-title { height:35px; }

.amp { color:#00bdc4; }
.gt-ie8 .amp { font-size:0.7em; position:relative; top:-0.1em; }
em { font-style:italic; }

.gt-ie8 header h1 .amp, .gt-ie8 section h1 .amp { display: inline-block; border: 1px solid #00bdc4; border-radius: 25px; }
.gt-ie8 header h1 .amp { font-size: 0.5em; top: -5px; width: 25px; height: 25px; line-height: 22px; margin-left: -3px; margin-right: -3px; }
.gt-ie8 section h1 .amp { font-size: 0.5em; top: -8px; width: 35px; height: 35px; line-height: 31px; margin-left: -5px; margin-right: -5px; }

section h1 { font-size:3em; letter-spacing:2px; text-transform:uppercase; font-family:"omnes-pro-n3", "omnes-pro","Oswald",sans-serif; font-style:normal; font-weight:300; margin-bottom:0.5em; text-align: center; padding-top:50px; }
section h2 { line-height:1.4em; margin:1em auto 0.35em; font-size:1.5em; text-transform:uppercase; font-family:"omnes-pro-n3", "omnes-pro","Oswald",sans-serif; color:#666; }

section p, section ul { line-height:1.4em; margin-bottom:0.7em; font-size:1.2em; color:#444; }
section p a, section ul li a { color:#111; border-bottom:#00bdc4 1px solid; -webkit-transition:opacity 300ms; transition:opacity 300ms; }
.hover section p a:hover, .hover section ul li a:hover { opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }

section del { text-decoration:none; opacity:0.25; }
section del:before { content:'Past: '; }

section ul { margin-top:-0.35em; }
section ul li { position:relative; padding-left:20px; }
section ul li:before { content:'•'; text-indent:-20px; display:inline-block; text-align:center; color:#999; }

footer small { color:#999; line-height:1.4em; }
footer small a, footer a#toTop { color:#999; -webkit-transition:opacity 300ms; transition:opacity 300ms; border-bottom:1px solid #ccc; }
footer a#toTop { float:right; line-height:1.4em; }
.hover footer small a:hover { opacity:0.5; }

.lt-ie9 section h1 .amp, .lt-ie9 header h1 .amp { font-size: inherit; top: inherit; border: inherit; width: inherit; margin: inherit; line-height: inherit; display:inline-block; *display:inline; *zoom:1; }

@media screen and (max-width:767px) {
	section h1 { font-size:2em; }
	section h1 .amp { font-size: 0.5em; top: -5px; width: 25px; height: 25px; line-height: 22px; margin-left: -3px; margin-right: -3px; }
	section h2 { font-size:1.3em; }
	section p, section ul { font-size:1.1em; }
	section ul li { padding-left:15px; }
	section ul li:before { text-indent:-15px; }
}
@media screen and (max-width:300px) {
	section h1 { font-size:1.5em; }
	section h1 .amp, header h1 .amp { font-size: inherit; top: inherit; border: inherit; width: inherit; margin: inherit; line-height: inherit; display: inline; }
	header h1 .amp { margin:0 -7px; }
	section h2 { font-size:1.1em; }
	section p, section ul { font-size:1em; }
	footer small { font-size:0.9em; }
}

/* LOGO & HEADER */
header { overflow: hidden; width:100%; max-width:1000px; padding:10px 0 10px; z-index:20; }
header h1 { padding:0 10px; text-shadow:#fff 0 1px 0; display: block; }
header h1 a { color:#111; -webkit-transition:opacity 300ms; transition:opacity 300ms; display:inline-block; *display:inline; *zoom:1; }
.hover h1 a:hover { opacity:0.5; }
.pushStateHidden header h1 a:hover { opacity:1; }
@media screen and (max-width:767px) {
	header { position:relative; padding:0; }
	header h1 { padding: 7px 10px 8px; }
	header h1 .amp { margin-left:-7px; margin-right:-5px; }
	.no-js header h1 { float:none; }
	.no-js nav { float:none; width:100%; }
	.no-js nav ul { text-align:center; }
	.no-js nav ul li { float:none; display:inline-block; *display:inline; *zoom:1; }
}

/* NAVIGATION */
nav { width:100%; overflow:hidden; text-align:center; }
nav ul li { display:inline-block; *display:inline; *zoom:1; font-size:1.1em; padding:10px; }
nav ul li a { padding:3px 0; display:block; line-height:1.4em; border-bottom:1px solid transparent; color:#444; -webkit-transition:opacity 300ms, border 300ms; transition:opacity 300ms, border 300ms; }
nav ul li a.active { color:#090909; cursor:default; border-color:#00bdc4; }
.hover nav ul li a:hover { opacity:0.5; }
.hover nav ul li a.active:hover { opacity:1; }
#nav-toggle { display:none; }
@media screen and (max-width:767px) {
	.js nav { overflow:visible; position:relative; }
	.js #nav-toggle { position:absolute; right:10px; top:-55px; display:block; width:40px; height:40px; cursor:pointer; padding:10px; }
	.js #nav-toggle u { width:20px; height:2px; display:block; background:#999; text-indent:-9999px; position:absolute; -webkit-transition:300ms; transition:300ms; }
	.js.hover #nav-toggle:hover u, .js .nav-open #nav-toggle u { background:#111; }
	.js #nav-toggle u:nth-of-type(1) { top:12px; }
	.js #nav-toggle u:nth-of-type(2) { top:19px; }
	.js #nav-toggle u:nth-of-type(3) { top:26px; }
	.js .nav-opening #nav-toggle u:nth-of-type(1) { top:19px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
	.js .nav-opening #nav-toggle u:nth-of-type(2) { opacity:0; }
	.js .nav-opening #nav-toggle u:nth-of-type(3) { top:19px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
	.js nav ul { -webkit-transition:opacity 300ms; transition:opacity 300ms; height:0; overflow:hidden; opacity:0; -webkit-transform:translateZ(0); }
	.js .nav-open nav ul { opacity:1; height:auto; }
	.js nav ul li { width:100%; padding:0; }
	.js nav ul li a { padding:5px 10px; line-height:1.4em; border-bottom:0 !important; }
	.js .nav-opening section { opacity:0.5; cursor:pointer; }
}
@media screen and (max-width:300px) {
	nav ul li { font-size:1em; }
	.js #nav-toggle { right:0; top:-46px; width:36px; }
	.js #nav-toggle u { width:16px; }
	.js #nav-toggle u:nth-of-type(1) { top:14px; }
	.js #nav-toggle u:nth-of-type(3) { top:24px; }
	header h1 { text-align:left; font-size:1.5em; }
	header h1 .device-subtitle { display:none; }
}

/* ICONS */
.no-svg .section-header-with-icon, .svg .section-header-with-icon { padding-top:0; }
.no-svg .section-header-with-icon:before, .svg .section-header-with-icon:before { content:''; width:125px; height:125px; display:block; margin:0 auto; }

.svg .section-header-with-icon:before { background:url(/themes/lodge192/images/lodge-spritesheet.svg) 0 0 no-repeat; background-size:375px; }

.svg .section-header-with-icon#content-home:before { background-position:-125px 0; }
.svg .section-header-with-icon#content-what-is-freemasonry:before { background-position:-250px -125px; }
.svg .section-header-with-icon#content-how-to-join-us:before { background-position:0 0; }
.svg .section-header-with-icon#content-about-us:before { background-position:-125px -125px; }
.svg .section-header-with-icon#content-meetings:before { background-position:0 -125px; }
.svg .section-header-with-icon#content-get-in-touch:before { background-position:-250px 0; }

.no-svg .section-header-with-icon:before,
.lt-ie8 .section-header-with-icon { background:url(/themes/lodge192/images/lodge-spritesheet.png) center 0 no-repeat; }
.no-svg .section-header-with-icon:before { width:150px; }
.lt-ie8 .section-header-with-icon { padding-top:120px; }

.no-svg .section-header-with-icon#content-home:before,
.lt-ie8 .section-header-with-icon#content-home { background-position:center -300px; }
.no-svg .section-header-with-icon#content-what-is-freemasonry:before,
.lt-ie8 .section-header-with-icon#content-what-is-freemasonry { background-position:center -900px; }
.no-svg .section-header-with-icon#content-how-to-join-us:before,
.lt-ie8 .section-header-with-icon#content-how-to-join-us { background-position:center 0; }
.no-svg .section-header-with-icon#content-about-us:before,
.lt-ie8 .section-header-with-icon#content-about-us { background-position:center -1200px; }
.no-svg .section-header-with-icon#content-meetings:before,
.lt-ie8 .section-header-with-icon#content-meetings { background-position:center -600px; }
.no-svg .section-header-with-icon#content-get-in-touch:before,
.lt-ie8 .section-header-with-icon#content-get-in-touch { background-position:center -1500px; }

@media screen and (max-width:767px) {
	.svg .section-header-with-icon:before { background-size:250px; height:80px; width:84px; }
	.svg .section-header-with-icon#content-home:before { background-position:-84px 0; }
	.svg .section-header-with-icon#content-what-is-freemasonry:before { background-position:-168px -84px; }
	.svg .section-header-with-icon#content-how-to-join-us:before { background-position:0 0; }
	.svg .section-header-with-icon#content-about-us:before { background-position:-84px -84px; }
	.svg .section-header-with-icon#content-meetings:before { background-position:0 -84px; }
	.svg .section-header-with-icon#content-get-in-touch:before { background-position:-168px 0; }

	.no-svg .section-header-with-icon:before { background-size:100px; height:80px; }
	.no-svg .section-header-with-icon#content-home:before { background-position:center -200px; }
	.no-svg .section-header-with-icon#content-what-is-freemasonry:before { background-position:center -600px; }
	.no-svg .section-header-with-icon#content-how-to-join-us:before { background-position:center 0; }
	.no-svg .section-header-with-icon#content-about-us:before { background-position:center -800px; }
	.no-svg .section-header-with-icon#content-meetings:before { background-position:center -400px; }
	.no-svg .section-header-with-icon#content-get-in-touch:before { background-position:center -1000px; }
}
@media screen and (max-width:300px) {
	.section-header-with-icon:before { display:none; }
}

/* LOADING */
#ajax-loading { height:3px; position:fixed; top:0; background:#00bdc4; display: block; z-index:21; width:0; -webkit-transition:1000ms; transition:1000ms; opacity:0; }
#ajax-loading.al-showing { opacity:1; }
#ajax-loading.al-5 { width:5%; }
#ajax-loading.al-85 { width:85%; }
#ajax-loading.al-100 { width:100%; -webkit-transition:300ms; transition:300ms; }

/* CONTACT BUTTON */
body#get-in-touch section ul { text-align:center; margin-top:1.4em; }
body#get-in-touch section ul li { padding:0 5px; display:inline-block; *display:inline; *zoom:1; }
.lt-ie8 body#get-in-touch section ul li { position:static; }
body#get-in-touch section ul li:before { display:none; }
body#get-in-touch section ul li a { background:#00bdc4; display:block; padding:5px 20px 5px 20px; color:#fff; border-radius:3px; text-decoration:none; border-bottom:0 !important; text-shadow:rgba(0,0,0,0.05) 0 1px 0; line-height: 1.4em; text-transform: uppercase; font-family: "omnes-pro-n3", "omnes-pro","Oswald",sans-serif; font-weight: 600; min-width:230px; }
body#get-in-touch section ul li a em { font-family:"abril-text-n4", "abril-text","Lora",serif; font-style: normal; font-weight: 400; text-transform:none; text-transform: initial; display: block; }
.lt-ie9 body#get-in-touch section ul li a em { text-transform: none !important; }

body#get-in-touch section ul li a[href*="mailto"]:before,
body#get-in-touch section ul li a[href*="twitter"]:before { 
	content:''; height:1em; display:inline-block; height:1em; width:27px; position:relative; top:5px; }

.svg body#get-in-touch section ul li a[href*="mailto"]:before { background:#00bdc4 url(/themes/lodge192/images/lodge-spritesheet.svg) -25px -105px no-repeat; background-size:150px; }
.svg body#get-in-touch section ul li a[href*="twitter"]:before { background:#00bdc4 url(/themes/lodge192/images/lodge-spritesheet.svg) 0 -105px no-repeat; background-size:150px; }

.no-svg body#get-in-touch section ul li a[href*="mailto"]:before { background:#00bdc4 url(/themes/lodge192/images/lodge-spritesheet.png) -47px -1812px no-repeat; }
.no-svg body#get-in-touch section ul li a[href*="twitter"]:before { background:#00bdc4 url(/themes/lodge192/images/lodge-spritesheet.png) -88px -1812px no-repeat; }

@media screen and (max-width:767px) {
	body#get-in-touch section ul li { display:block; width:30%; min-width:250px; margin:0 auto; padding-top:10px; }
	body#get-in-touch section ul li a { padding:5px 30px; }
	body#get-in-touch section ul li a em { padding-left:0; }
	body#get-in-touch section ul li a[href*="mailto"]:before, body#get-in-touch section ul li a[href*="twitter"]:before { display:none; }
}
@media screen and (max-width:300px) {
	body#get-in-touch section ul li { width:100%; min-width:0; padding:10px 0 0; }
	body#get-in-touch section ul li a { min-width:0; padding:5px 10px; }
	body#get-in-touch section ul li a em { word-break:break-all; }
}

/* TO TOP */
.js footer a#toTop { position:fixed; bottom:-50px; width:40px; height:40px; border-radius:20px; border:1px solid #00bdc4; color:#00bdc4; background:#f8f8f7; right: 20px; right:calc((100% - 780px) / 2); opacity:0; transition:opacity 300ms 0, bottom 0 300ms; -webkit-transition:opacity 300ms 0, bottom 0 300ms; }
.js footer a#toTop.showing { opacity:1; bottom:20px; transition:opacity 300ms 0, bottom 0 0; }
.js.hover footer a#toTop.showing:hover { opacity:0.5; }
.js footer a#toTop abbr { text-indent:-9999px; width:0; height:0; line-height:0; display:block; }

.svg footer a#toTop { background:#f8f8f7 url(/themes/lodge192/images/lodge-spritesheet.svg) -64px -131px no-repeat; background-size: 200px; }
.no-svg footer a#toTop { background:#f8f8f7 url(/themes/lodge192/images/lodge-spritesheet.png) 0 -1800px no-repeat; }
@media screen and (max-width:850px) {
	.js footer a#toTop { right:20px; }
}
@media screen and (max-width:767px) {
	.js footer a#toTop { }
	.js footer a#toTop:before { }
}