@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400);
@import url(https://fonts.googleapis.com/css?family=Lora:400,700);

/*   
Theme Name: Hot Glass
Description: Fully customized site theme for www.loafingshedglass.ca
Author: Annette Parkes
Author URI: http://www.annetteparkes.com/
*/	
/*-------------------------------------------------------------------------------*/

/* Default
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

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

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */

html {overflow-y: scroll;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

button, input, select, textarea {margin: 0;}

button {width: auto; overflow: visible;}
 
.ie7 img {-ms-interpolation-mode: bicubic;}

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  


/* Main Page Elements
-------------------------------------------------------------------------------*/

.ngg-gallery-thumbnail {
float: left;
display: inline-block;
}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
float: left !important;
}

.ngg-galleryoverview .ngg-gallery-thumbnail-box {
float: left;
display: inline-block;
}

.ngg-galleryoverview .ngg-gallery-thumbnail-box:nth-child(4) {
margin-right: 0 !important;
}

.ngg-galleryoverview .ngg-gallery-thumbnail-box:nth-child(5) {
clear: both;
}

.ngg-clear {
clear: both;
}

body {
	color: #666;
	height: 100%;
}

html { height: 100%; }

a {
	color: #939393;
}

a:hover {
	color: red;
	text-decoration: underline;
}

#menu-main-menu li a,
#fblink,
h1, h2, h3, h4 {
	font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Lato", "Arial", sans-serif;
	font-weight: 400;
	letter-spacing: .05em;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
	font-family: "Lora", "Lato", "Arial", sans-serif !important;
}

#page-wrap {
	width: 960px;
	margin: 0 auto 0 auto;
	overflow: auto;
	background: none;
}

#sidebar {
	display: inline-block;
	width: 220px;
	height: auto;
	float: left;
	overflow: auto;
	margin: 0;
	padding-right: 20px;
	padding-bottom: 20px;
	background: url("/wp-content/themes/hotglass/images/opaque.png");
}

#content {
	display: inline-block;
	width: 650px;
	background-color: #ffffff;
	float: right;
	overflow: auto;
	padding: 20px 30px 30px 30px;
position: relative;
}

.bar1 {
	display: block;
	clear: both;
	width: 175px;
	height: 9px;
	background-color: #202020;
	float: right;
	margin-bottom: 20px;
}

#hr {
	height: 1px;
	width: 100%;
	border-top: 1px solid #ccc;
	margin: 20px 0;
}

a.post-edit-link {
	display: none;
	height: 0;
}

.mail-icon {
	display: block;
	width: 44px;
	height: 30px;
	background: url("/wp-content/themes/hotglass/images/mail.gif") top left no-repeat;
	float: left;
	margin-right: 15px;
}

#font-zoom {
display: block;
float: right;
}

#increase-font, #decrease-font {
text-decoration: none;
font-family: "Lato";
font-weight: 700;
display: inline-block;
color: #dddddd;
}

#increase-font:hover, #decrease-font:hover { color: #000000; }

#increase-font { font-size: 15px; }
#decrease-font { font-size: 13px; }

/* Header
-------------------------------------------------------------------------------*/

#header {
	overflow: auto;
}

#header h1 {
	text-indent: -9999px;
	display: block;
	float: right;
	width: 186px; height: 201px;
	background: url("/wp-content/themes/hotglass/images/logo.png") top no-repeat;
	margin-top: 30px;
}


#header .description {
	visibility: hidden;
}

#navigation {
	width: 100%;
}

#navigation ul {
}

#navigation ul.menu li a, #fblink {
		font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", "Lato", "Arial", sans-serif;
font-weight: 400;
	display: block;
	padding: 3px 5px;
	color: #828282;
	text-decoration: none;
	font-size: 1.1em;
	float: right;
letter-spacing: .05em;
}

#navigation ul.menu li.current-menu-item a {
color: #ff4300;
}

#navigation ul.menu li{
	display: block;
	clear: both;
}

#navigation ul.menu li a:hover, #fblink:hover {
	color: #ff4300;
	text-shadow: 0px 0px 6px #ffffff;
	-o-transition:all .3s;
	-ms-transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	transition:all .3s;
}

#fblink img {
border: 0;
padding-right: 8px;
vertical-align: bottom;
}

#fblink {
clear: both;
height: 16px;

}

#bull {
	clear: both;
	display: block;
	float: right;
	margin-top: 20px;
	margin-right: 50px;
}

/* Content
-------------------------------------------------------------------------------*/

.gallery img, .gallery a img {
	border: 0 !important;
}

.entry, .entry-content {
	margin-left: auto;
	margin-right: auto;
}

article img.alignright {
float: right;
padding-left: 15px;
}

article img { clear: both; }

article img.alignleft {
float: left;
padding-right: 15px;
}

article img.aligncenter {
margin-left: auto; margin-right: auto;
align: center;
}

.post {
}

.entry, .entry p, .entry-content p, .entry td, .entry-content td, .entry div, .entry-content div {
	font-family: "Lora", Georgia;
	font-weight: 400;
	font-size: .98em;
	line-height: 1.44em;
	color: #444444;
}

.entry p, .entry-content p {
	margin: 20px 0 20px 0;
	padding-left: 20px;
}

.entry strong, .entry b, .post strong, .entry-content strong {
	font-weight: 700;
}

#content h2, #content h1 {
	color: #ff4300;
	font-size: 1.5em;
	font-weight: 400;
	padding-bottom: 5px;
	border-bottom: 7px solid #ededed;
	margin-top: 10px;
	line-height: 1em;
}

#content h3 {
	color: #ff4300;
	font-size: 1.3em;
	line-height: 1em;
	padding-bottom: 5px;
	border-bottom: 6px solid #ededed;
}

#content .column-left {
	width: 47%;
	float: left;
	margin-top: 20px;
}

#content .column-right {
	width: 47%;
	float: right;
	margin-top: 20px;
}


/* Featured Images
-------------------------------------------------------------------------------*/

#featured-image {
	width: 710px;
position: relative;
left: -30px;
top: -20px;
}

#featured-image img {
	width: 710px;
}

/* Mailchimp
-------------------------------------------------------------------------------*/

label.mc_email_format, .mc_email_options {
display: none;
height: 0;
width: 0;
}

#mc_signup input[type='text'], #mc_signup input[type='email'], #mc_signup textarea {
	border: 1px solid #ccc;
	font-family: 'Lato';
	font-size: 14px;
	padding: 3px;
}

.mc_var_label {
font-family: "Lato";
	text-transform: uppercase;
	font-size: 12px;
font-weight: bold;
}

.mc_success_msg {
font-family: "Lato";
text-align: center;
font-size: 18px;
margin-bottom: 20px;
}

/* Homepage
-------------------------------------------------------------------------------*/

.entry #intro-text p {
}

#event-list {
	padding-left: 10px;
}

#event-list li a {
	font-family: "Lato";
	text-decoration: none;
    font-family: "Lato";
    text-transform: uppercase;
    font-size: 13px;
line-height: 19px;
display: block;
padding: 2px;
}

#event-list li:hover {
	position: relative;
	left: 2px;
}


#event-list li {
	padding-left: 20px;
	margin-top: 20px;
	font-weight: 700;
	background: url('/wp-content/themes/hotglass/images/arrow.gif') 0% 50% no-repeat;
	display: block;
	line-height: 19px;
	
}

.newsletter {
	margin: 20px 0;
	display: block;
}

#film {
	clear: both;
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align:  center;
}

/* Contact Us
-------------------------------------------------------------------------------*/

#content #post-24 div.column-left {
	margin-top: 10px;
}

#post-24 .column-left .entry p strong {
	font-family: "Lato";
	text-transform: uppercase;
	font-size: 12px;
}

#post-24 .column-right {
	font-family: "Lato";
	font-size: 13px;
}

#comments-form {
	clear: both;
	padding-top: 30px;
}

input[type='submit'], input[type='button'] {
	font-family: "Lato";
}

#googlemap {
	margin: 20px 0;
}

/* Roberts Blog
-------------------------------------------------------------------------------*/

#blog-listing article {
	display: block;
	margin: 30px 0;
	border-bottom: 1px solid #CCCCCC;
}

#blog-listing h3 {
	border: none !important;
	color: black !important;
}

.meta {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Lato";
	font-size: 14px;
	margin-left: 20px;
}

.navigation, .navigation a {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Lato";
	text-decoration: none;
	font-size: 18px;
}

#blog-listing .featured-image {
text-align: center;
margin-top: 25px;
}

#blog-listing .featured-image img {
max-width: 650px !important;
height: auto !important;
}

/* Upcoming Events
-------------------------------------------------------------------------------*/

#upcoming-events article {
	display: block;
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #ccc;
}

#upcoming-events .entry p {
	margin: 10px 0 10px 0;
	width: 80%;
}

#upcoming-events h3.event {
	border: none;
	font-size: 22px;
	color: #ff4300;
}

/* Footer
-------------------------------------------------------------------------------*/

#footer {
	clear: both;
	float: left;
	width: 190px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: .8em;
	padding-left: 30px;
	padding-top: 20px;
	color: #666666;
}

#mobile-footer {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #AFAFAF;
	font-size: .8em;
	padding-top: 30px;
	text-align: center;
	clear: both;
}

#footer a {
	color: #939393;
	font-size: 12px;
}

#footer a:hover {
	color: #ff4300;
}

#footer p {
	margin-bottom: 8px;
}

/* Responsive Styles
-------------------------------------------------------------------------------*/

@media screen and (max-width: 649px) {

#content {
padding: 20px 5% !important;
width: 90% !important;
margin: 0 !important;
}

#mobile-header h1 {
margin-bottom: 8px;
}

#mobile-menu {
width: 84% !important;
margin-top:10px !important;
padding: 8px 2% 8px 14% !important;
background-size: 20px 15px;
background-position: 10px 10px !important;
}
#mobile-nav {
padding-top: 0 !important;
}

#featured-image {
width: 110% !important;
height: auto !important;
margin: 0 !important;
left: -5% !important;
overflow: hidden !important;
}

#featured-image img {
height: auto !important;
width: 100% !important;
}

#font-zoom { display: none !important; }

.column-left {
width: 100% !important;
clear: both !important;
}

.column-right {
width: 100% !important;
clear: both !important;
}

input,textarea {
font-size: 1.2em !important;
padding: 5px !important;
}

.wp-caption-text {
font-size: 12px;
}

.gallery img, .gallery a img {
width: 100% !important;
height: auto !important;
}
	
}

@media screen and (min-width: 650px) and (max-width: 959px) {
	
	#content {
		clear: both !important;
		display: block !important;
		background-color: #ffffff;
		float: none !important;
		overflow: auto;
		padding: 20px 30px 30px 30px;
		position: relative;
		left: 0 !important;
		margin: 0 auto !important;
	}
	
	#mobile-header {
		width: 650px;
	}
	
}

#mobile-footer,
#mobile-header {
	display: none;
}

@media screen and (max-width: 959px) {

	#page-wrap {
		width: 100% !important;
	}
	
	#sidebar,
	#header h1,
	#bull,
	#footer {
		display: none !important;
	}
	
	#mobile-footer {
		display: block !important;
	}

	#mobile-header {
		display: block !important;
		text-align: center;
		background-image: url("/wp-content/themes/hotglass/images/opaque.png");
		overflow: auto;
		margin: 0 auto 20px auto;
		padding: 20px 30px;
	}
	
	#mobile-header h1 {
		font-size: 2em;
		line-height: .9em;
		text-transform: uppercase;
		margin: 0 !important;
		padding: 0;
		color: #575757;
	}
	
	#mobile-header span {
		font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Lato", "Arial", sans-serif;
		font-weight: 400;
		font-size: 1.5em;
		text-transform: uppercase;
		letter-spacing: .05em;
		clear: both;
		display: block;
		color: #575757;
	}
	
	#mobile-menu {
		font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Lato", "Arial", sans-serif;
		font-weight: 400;
		background-position: 10px 8px;
background-repeat: no-repeat;
background-image: url("/wp-content/uploads/2016/04/menu.png");
		font-weight: 1.2em;
		clear: both;
		display: inline-block;
		padding: 8px 2% 8px 7%;
		text-align: left;
		background-color: #FFFFFF;
		border-radius: 3px;
		float: left;
	}
	
	#mobile-header a {
		text-decoration: none !important;
	}
	
	#mobile-nav {
		text-align: left;
		width: 100%;
		padding: 20px 0 0 0; margin: 0;
		clear: both;
	}

	#mobile-menu.clicked {
		color: #FF4300;
	}
	
	#mobile-nav li a {
		display: block;
		text-align: left;
		width: 96%;
		padding: 7px 2%;
		border-bottom: 1px solid rgba(130, 130, 130, .25);
		color: #828282;
		-o-transition:all .3s;
		-ms-transition:all .3s;
		-moz-transition:all .3s;
		-webkit-transition:all .3s;
		transition:all .3s;
	}
	
	#mobile-nav li a:hover {
		background: rgba(255, 255, 255, .88);
		color: #FF4300 !important;
	}
}


/* Comment List
-------------------------------------------------------------------------------*/

ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
/*
     FILE ARCHIVED ON 14:43:26 Dec 23, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:14:55 Sep 29, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 1.179
  load_resource: 768.153
  PetaboxLoader3.resolve: 722.14
  PetaboxLoader3.datanode: 21.214 (2)
  loaddict: 15.25
*/