/* Display options */
/* -------------------------------------------------------------- */
/* Note: This is only for block elements within content */

.display-mobile-only {display:BLOCK;}
.display-mobile-tablet-only {display:BLOCK;}
.display-tablet-only {display:NONE;}
.display-tablet-above {display:NONE;}
.display-phablet-above {display:NONE;}

	@media screen and (min-width: 532px) {
		.display-mobile-only {display:NONE;}
		.display-tablet-only {display:BLOCK;}
		.display-tablet-above {display:BLOCK;}
	}
	@media screen and (min-width: 804px) {
		.display-mobile-tablet-only {display:NONE;}
		.display-tablet-only {display:NONE;}
		.display-phablet-above {display:BLOCK;}
	}
	@media screen and (min-width: 960px) {
	}

/* Site structure */
/* -------------------------------------------------------------- */
/* Site HTML */
html {
	font-size: 100%; /* Overwrite "87.5%" in Twenty Twelve. This changed schema from 14 base to 16 base */
	overflow-y: scroll;
}

/* Site padding */
.site {padding: 0;} /*Reset site padding*/
/* Site overflows */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {overflow:hidden;}

/* Site images */
img {
	max-width:100%; /* Make all images responsive */
	height:auto; /* Override for twenty twelve makes images scale to column widths */
	vertical-align: bottom; /* Remove small space from text decender effect */
}
/* Site fonts */
@font-face {
	font-family: sourcesanspro; /* used as body font */
	src: url(https://www.guysglass.com.au/wp-content/themes/enterprise/fonts/sourcesanspro/sourcesanspro-light-web.ttf); /* used as body font */
}
@font-face {
	font-family: oswald; /* used as heading font */
	src: url(https://www.guysglass.com.au/wp-content/themes/enterprise/fonts/oswald/oswald-bold-web.ttf); /* used as heading font */
}

/* Page */

#page {
	box-shadow: 0 2px 20px rgba(100, 100, 100, 0.3);
	margin: auto;
	max-width: 384px;
}
	@media screen and (min-width: 532px) {
		#page {max-width: 596px;}
	}
	@media screen and (min-width: 804px) {
		#page {max-width: 868px;}
}
	@media screen and (min-width: 960px) {
		#page {max-width: 1024px;}
	}

/* Body
-------------------------------------------------------------- */
body {font-family: sourcesanspro; } /* Overwrite custom font in Twenty Twelve */
body.custom-font-enabled {font-family: sourcesanspro;} /* Overwrite custom font in Twenty Twelve */
body .site {
		padding-left: 0; /*Override on Twenty Twelve */
		padding-right: 0; /*Override on Twenty Twelve */
		margin-top: 0; /*Override on Twenty Twelve */
		margin-bottom: 0; /*Override on Twenty Twelve */
		box-shadow: none; /*Override on Twenty Twelve */
	}

/* =Page structure
-------------------------------------------------------------- */
/* Page elements */

.table-css {display: table;width: 100%;table-layout: fixed;}
.table-cell-css {display: table-cell;vertical-align: middle;}

/* =Page widths
-------------------------------------------------------------- */
.page-width-outer {max-width: 384px;margin: auto;}
.page-width-inner {width: 320px;margin: auto;}
	@media screen and (min-width: 532px) {
		.page-width-outer {max-width: 596px;}
		.page-width-inner {width: 532px;}
	}

	@media screen and (min-width: 804px) {
		.page-width-outer {max-width: 868px;}
		.page-width-inner {width: 804px;}
	}

	@media screen and (min-width: 960px) {
		.page-width-outer {max-width: 1024px;}
		.page-width-inner {width: 960px;}
	}


/* =Page heights
----------------------------------------------- */


	
.mobile-toggle-height {height: 40px;}
.utility-height {height: 0px;}
.header-height {height: 80px;}
.mobile-utility-height {height: 40px;}
.social-signal-height {height: 30px;}
#masthead {
		background-position:50% -1142px;
		max-width: 384px;
		height: 190px;
}

	@media screen and (min-width: 532px) {
		.mobile-toggle-height {height: 45px;}
		.utility-height {height: 0px;}
		.header-height {height: 85px;}
		.mobile-utility-height {height: 45px;}
		.social-signal-height {height: 35px;}
		#masthead {
			background-position:50% -932px;
			max-width: 596px;
			height: 210px;
		}
	}

	@media screen and (min-width: 804px) {
		.mobile-toggle-height {height: 0px;}
		.utility-height {height: 40px;}
		.header-height {height: 120px;}
		.mobile-utility-height {height: 0px;}
		.social-signal-height {height: 30px;}
		#masthead {
			background-position:50% -742px;
			max-width: 868px;
			height: 190px;
		}
	}

	@media screen and (min-width: 960px) {
		.mobile-toggle-height {height: 0px;}
		.utility-height {height: 45px;}
		.header-height {height: 125px;}
		.mobile-utility-height {height: 0px;}
		.social-signal-height {height: 35px;}
		#masthead {
			background-position:50% -537px; 

			/*Check */
			/*Page template: */ 			/*site_footer_hero_height_css = 490px */
			/*site_footer_google_plus_height_css = 47px */

			max-width: 1024px;
			height: 205px;
		}
	}

/* Caption */
p.wp-caption {color: #000000!important;}
.wp-caption, .wp-caption-text,.gallery-caption,.entry-caption {
	color: #000000!important;
	font-style: italic!important;
	font-size: 16px!important;
	line-height: 1.2!important;
	text-align:center!important;
}
/* Form fields */
button, input, select, textarea { box-shadow:none; padding: 6px;} /* need to remove padding: 0.428571429rem; */ /* uu need to test as from FFQOAU */

/* =Site background colors
----------------------------------------------- */
.site, #main, footer#colophon {background-color: rgba(0,0,0,0);}
#menu-main-menu a:hover, #menu-main-menu a:focus {background-color: rgba(0,0,0,0);}
#menu-main-menu li:hover ul li a:hover {background-color: rgba(0,0,0,0);}
#display-menu-reset-from-mobile-toggle {background-color: rgba(0,0,0,0);}
.site-info {background-color: rgba(0,0,0,0);}
.captacha-data {background-color: rgb(255,255,255);}
.captacha-code {background-color: rgb(255,255,255);}
img.ajax-loader {background-color: rgba(0,0,0,0);}
body {background-color: rgb(255,255,255);}
#page {background-color: rgb(255,255,255);}
#menu-main-menu ul li {background-color: #FFFFFF;}
#menu-main-menu ul li:hover, #menu-main-menu ul li:focus {background-color: #FFFFFF;}
.column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 {background-color: #E5E5E5;}
.column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-8 {background-color: #E5E5E5;}
#footer {background-color: #000000;}
#footer-from-header-utility-menu-left {background-color: #000000;}
#footer-navigation {background-color: #000000;}
#footer-utility-get-social {background-color: #000000;}
#footer-hero {background-color: #000000;}
#footer-copyright {background-color: #000000;}
.inner-page-inner-right-column-toc-standard.wpb_text_column.wpb_content_element p {background-color: #808080;}
.inner-page-above-horizon-contact-form {background-color: #808080;}

.wpcf7-form-control.wpcf7-submit {background: rgb(255,0,0);}
.wpcf7-form-control.wpcf7-submit:hover {background: rgba(255,0,0,0.5);}

/* Social signals with content - fixed color to match social channel */
.entry-content .social-signal-button-large.facebook-like {background-color: #3B579D;}
.entry-content .social-signal-button-large.google-plus-one {background-color: #D9473C;}
.entry-content .social-signal-button-large.linkedin-follow {background-color: #005986;}
.entry-content .social-signal-button-large.youtube-subscribe {background-color: #952520;}
.entry-content .social-signal-button-large.twitter-follow {background-color: #1DA1F2;}

/* =Site font colors
----------------------------------------------- */
.entry-content .social-signal-button-large {color: rgb(255,255,255);}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {color: rgb(255,0,0);}
a {color: #8DBADD;}
a:hover, a:focus {color: #D2421D;}
a:visited {color: #9F9F9F;}
#masthead h6 {color: #FFFFFF;}
#masthead h6 a, #masthead h6 a:visited {color: #FFFFFF;}
#masthead h6 a:hover, #masthead h6 a:focus  {color: #8DBADD;}
#toggle-menu-text h6 a {color: #FFFFFF;}
#toggle-menu-text h6 a:hover, #toggle-menu-text h6 a:focus {color: #8DBADD;}
#utility-menu-left h6 a {color: #FFFFFF;}
#utility-menu-left h6 a:hover, #utility-menu-left h6 a:focus {color: #8DBADD;}
#utility-menu-right h6 a:hover, #utility-menu-right h6 a:focus {color: #8DBADD;}
#signal-glike-text {color: #FFFFFF;}
#social-signal-right-text h6 {color: #FFFFFF;}
#menu-main-menu a {color: #FFFFFF;}
#menu-main-menu a:hover, #menu-main-menu a:focus {color: #8DBADD;}
#masthead .open-menu-primary h6 {color: #FFFFFF;}
#masthead .open-menu-primary h6:hover, #masthead .open-menu-primary h6:focus {color: #8DBADD;}
#menu-main-menu li a {color: #FFFFFF;}
#menu-main-menu li a:hover, #menu-main-menu li a:focus {color: #8DBADD;}
#menu-main-menu ul li:a {color: #FFFFFF;}
#menu-main-menu ul li a:hover, #menu-main-menu ul li a:focus {color: #8DBADD;}
.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {color: #000000;}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p, .entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul, .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul, .entry-content ul, .comment-content ul, .mu_register ul, .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul, .entry-content ul, .comment-content ul, .mu_register ul, .entry-content ol, .comment-content ol, .entry-content li, .comment-content li, .mu_register li {color: #000000;}
.entry-content a:visited, .comment-content a:visited {color: #9F9F9F;}
.column-inner-above-horizon-top-text-element-standard h1 {color: #000000;}
.column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 .inner-page-inner-right-column-toc-standard p {color: #FFFFFF;}
.column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 .inner-page-inner-right-column-toc-standard .toc_list li, ul.toc_list li a {color: #000000;}
footer[role="contentinfo"] {color: #FFFFFF;}
footer[role="contentinfo"] a {color: #FFFFFF;}
footer[role="contentinfo"] a:hover, footer[role="contentinfo"] a:focus {color: #8DBADD;}
footer[role="contentinfo"] a:visited {color: #FFFFFF;}
.onlineform-heading {color: #E5E5E5;}
.onlineform p {color: #E5E5E5;}
.wpcf7-form-control.wpcf7-submit {color: #FFFFFF;}
.wpcf7-form-control.wpcf7-submit:hover {color: #FFCC66;}

/* =Site masthead
----------------------------------------------- */
#masthead {
	background-image: url(https://www.guysglass.com.au/wp-content/themes/enterprise/images/custom/site-sprite.png);
	background-repeat:no-repeat;
	margin:auto;
}
#masthead h6, #masthead h6 a {font-weight: normal;} /*removes bold from all H6s */
#masthead h6 a {text-decoration: underline;}

#mobile-utility h6,#toggle-menu h6, #menu-main-menu li{font-size: 19px;}

/* UU to remove 
	@media screen and (min-width: 804px) {
		#mobile-utility h6,#toggle-menu h6, #menu-main-menu li {font-size: 16px;}
	}
*/

#social-signal h6 {font-size: 19px;}
	@media screen and (min-width: 804px) {
		#social-signal h6 {font-size: 16px;}
	}
/* =Utility menu
----------------------------------------------- */
#utility h6 {font-size: 19px;}
	@media screen and (min-width: 804px) {
		#utility h6 {font-size: 16px;}
	}
#utility-menu-left {text-align: left;}
#utility-left-text { /* Note this applies to then utility-mobile secion */
		display:table;
		table-layout:fixed;
		width:100%;
	}
	@media screen and (min-width: 532px) { /* This apply to the utility mobile in tablet as well as the utility section in phablet and desktop */
		#utility-left-text {
			display: table-cell;
			vertical-align: middle;
			text-align: left;
		}
	}
/*
#nav-utility */
	@media screen and (min-width: 532px) {
		#nav-utility-1, #nav-utility-2, #nav-utility-3, #nav-utility-4, #nav-utility-5 {
			padding-right:12px;
			text-align: LEFT;
		}
	}
#utility-menu-right {text-align: right;}
/* =Mobile toggle
----------------------------------------------- */
/* mobile toggle */
.display-menu-reset-from-mobile-toggle {display:block;} /* change of state triggers jquery within navagaition.js */
	@media screen and (min-width: 804px) {
		.display-menu-reset-from-mobile-toggle {display:none;} /* change of state triggers jquery from left to right in navagaition.js used */
	} 
#toggle-closed {
	display: none;
	text-align:right;
}
#toggle-open {text-align: right;}
#toggle-open a h6::after, #toggle-closed a h6::after {
	font-family: dashicons;
	vertical-align: top;
	margin-right: 6px;
	-webkit-font-smoothing: antialiased;
	white-space: nowrap;
	text-decoration:none;
}
#toggle-open a h6::after {content: "\f333";}
#toggle-closed a h6::after{content:"\f158";}
#toggle-menu-text {
	text-align: left;
	width: 240px;
}
	@media screen and (min-width: 532px) {
		#toggle-menu-text {width: 450px;}
	}
#toggle-menu-text-closed {
	display:none;
	text-align: left;
	width: 240px;
}
	@media screen and (min-width: 532px) {
		#toggle-menu-text-closed {width: 450px;}
	}
.open-menu-primary h6{text-decoration: underline;}
.open-menu-primary h6:hover, .open-menu-primary h6:focus {cursor:pointer;}

/* Priority nav */
#nav-priority-1, #nav-priority-2, #nav-priority-3, #nav-priority-4, #nav-priority-5 {padding-right:8px;}
#nav-priority-3 {padding-right:0;}
#nav-priority-4, #nav-priority-5 {display:none;}
	@media screen and (min-width: 532px) {
		#nav-priority-3 {padding-right:8px;}
		#nav-priority-4, #nav-priority-5 {display:table-cell;}
		#nav-priority-5 {
			display:table-cell;
			padding-right:0;
		}
	}

/* =Header social signal 
----------------------------------------------- */
#header-social-signal {
	position:absolute;
	top:165px;
}
	@media screen and (min-width: 532px) { 
		#header-social-signal {
			float:right;
			left:0px; /*reset from generic view */
			margin-right:8px;
			/* Note as position is set with header div its height is not affected by site configuration */
			margin-top:43px;
			position:relative; /*reset from generic view */
			top:0px; /*reset from generic view */
			width:auto;
		}
	}
	@media screen and (min-width: 804px) { 
		#header-social-signal {
			margin-right:7px;
			margin-top:27px;
		}
	}
#social-signal-facebook-like-top-wrapper{display: none;}
	@media screen and (min-width: 804px) {
		#social-signal-facebook-like-top-wrapper {
			display: block;
			background-image: url(https://www.guysglass.com.au/wp-content/themes/enterprise/images/custom/site-sprite.png);
			background-position:-810px -490px;
			height:38px;
			margin-bottom: 6px;
			width:85px;
		}
	}
#social-signal-facebook-like-bottom-wrapper {text-align:center;}

#social-signal-facebook-like-box-count{display: none;}
	@media screen and (min-width: 532px) {
		#social-signal-facebook-like-box-count {
			display: block;
		}
	}
	@media screen and (min-width: 804px) {
		#social-signal-facebook-like-box-count {display: none;}
	}

#social-signal-facebook-like-button-count{display: block;}
	@media screen and (min-width: 532px) {
		#social-signal-facebook-like-button-count {display: none;}
	}
	@media screen and (min-width: 804px) {
		#social-signal-facebook-like-button-count {display: block;}
	}
/* UU remove #social-signal-linkedin-follow-button-count{display: block; width: 140px;} */

/* Note: Settings requirted for LinkedIn follow button to be high and wide enough */
	.IN-widget iframe{height:25px!important;width:130px!important;}

/* Note: Settings requirted for Facebook follow button to be high and wide enough */
.fb-like.fb_iframe_widget.fb_iframe_widget_fluid span {height:60px!important;width:100px!important;}
.fb-like.fb_iframe_widget.fb_iframe_widget_fluid span iframe {height:60px;width:100px!important;}
	@media screen and (min-width: 532px) {
		.fb-like.fb_iframe_widget.fb_iframe_widget_fluid span {width:55px!important;}
		.fb-like.fb_iframe_widget.fb_iframe_widget_fluid span iframe {width:55px!important;}
	}
	@media screen and (min-width: 804px) {
		.fb-like.fb_iframe_widget.fb_iframe_widget_fluid span {width:100px!important;}
		.fb-like.fb_iframe_widget.fb_iframe_widget_fluid span iframe {width:100px!important;}
	}

#social-signal-linkedin-follow-top-wrapper{display: none;}
	@media screen and (min-width: 532px) {
		#social-signal-linkedin-follow-top-wrapper {
			display: block;
			background-image: url(https://www.guysglass.com.au/wp-content/themes/enterprise/images/custom/site-sprite.png);
			background-position:-895px -490px;
			height:45px;
			margin-bottom: 3px;
			width:129px;
		}
	}
#social-signal-linkedin-follow-bottom-wrapper {text-align:center;}

/* Note this is needed to hide the comments box when you go to do a Facebook like */
#fb_button{overflow:hidden;}
iframe {max-width: none;}
#social-signal-left {
	display: none;
	margin-left:8px;
	}
@media screen and (min-width: 532px) {
	#social-signal-left {display: table-cell;}
}
#social-signal-right {text-align: right;}
#signal-glike-text {
	display: none;
	margin-left:0;
}
	@media screen and (min-width: 532px) { 
		#signal-glike-text {display: table-cell; padding-right:6px;}
	}
#___plusone_0 {width:40px!important;} /*overrides Google+ in-style seting */

/* =Utility mobile menu
----------------------------------------------- */
#mobile-utility-menu-left {
	display: TABLE-CELL;
	text-align: LEFT;
}
#mobile-utility-menu-right {
	display: TABLE-CELL;
	text-align: RIGHT;
}
#mobile-utility #nav-utility-1, #mobile-utility #nav-utility-4, #mobile-utility #nav-utility-5 {display: NONE;}
	@media screen and (min-width: 532px) {
		#mobile-utility #nav-utility-4 {display: TABLE-CELL;}
	}

/* =Navigation Menu
-------------------------------------------------------------- */
.main-navigation {
	margin-top: 0; /* override Twenty Twelve */
	text-align:left; /* override Twenty Twelve */
}
	.main-navigation li {
		margin-top: 0; /* override Twenty Twenty*/
		line-height: 1; /* override Twenty Twenty*/
	}
#site-navigation {margin-top: 0;} /* overide Twenty Twenty */
#menu-main-menu {
	display: none; /* hide menu */
	padding-left: 0; /* uu maybe not needed */
}
	@media screen and (min-width: 804px) {
		#menu-main-menu{
			display: table;
			table-layout: fixed;
/*			display: block; */ /* to remove */
			list-style:none;
			padding: 0;
			min-width: 500px;
			width: 100%;
		}
		#menu-main-menu:after {
			content: '';
			display: inline-block;
			width: 100%;
		}
		#menu-main-menu a{
			padding:0;
			text-decoration:none;

		}
	}

#menu-main-menu a {text-decoration: NONE;}
#menu-main-menu a:hover, #menu-main-menu a:focus {text-decoration: UNDERLINE;}
#menu-main-menu ul{ 
/* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:#;
/* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	background:rgba(0,0,0,0);
}
#menu-main-menu li{ 
	border-bottom:1px solid #808080;
	display:BLOCK;
	padding-bottom: 9.5px;
	padding-left:0;
	padding-right:0;
	padding-top: 9.5px;
	margin-right:0;
	margin-top:0;
	text-align:CENTER;
}
	@media screen and (min-width: 804px) {
		#menu-main-menu li{
			border-bottom: none;
			padding-top: 11.055px;
			padding-bottom: 11.055px;
			padding-left:9.5px;
			padding-right:9.5px;
			text-align:LEFT;
		}
	}
#menu-main-menu li:first-child {padding-left:0;}
#menu-main-menu li:last-child {border-bottom: NONE; padding-right: 0;}
#menu-main-menu li ul.sub-menu {
	margin-left:0; /* negate padding-left from #menu-main-menu li */
	max-height: 0;
	overflow: hidden;
	/*Animation*/
	-webkit-transition: max-height 3s ease;
	-moz-transition: max-height 3s ease;
	-o-transition: max-height 3s ease;
	-ms-transition: max-height 3s ease;
	transition: max-height 3s ease;
}
	@media screen and (min-width: 804px) {
		#menu-main-menu li ul.sub-menu {
			margin-left:-9.5px;  /*Note: Negate padding-left from #menu-main-menu li */
			margin-top: 11.055px; /* Note: Negate padding-bottom from #menu-main-menu li */
			margin-right:-9.5px;  /*Note: Negate margin-left from #menu-main-menu li ul.submenu */
			width: