/*
Theme Name: Construct
Theme URI: http://webylabs.com/
Author: Jasin@Webylabs.com
*/

/**
 * -----------------------------------------------------------------------------------------------
 * PLEASE DO NOT MODIFY THIS FILE DIRECTLY UNLESS YOU KNOW WHAT YOU ARE DOING
 * See url('/style.css') for further notes
 * -----------------------------------------------------------------------------------------------
 */

/**
 ***************************************************
 Table Of Contents
	* Reset and Normalize
	* Webyframes Responsive Grid
		--------------------------------------------
		o Clearfix
		o Non Responsive Fix
		--------------------------------------------
		o Responsive Utility Classes
		o Grid - Base (containers, columns)
		--------------------------------------------
		o Wide Screen [Media Queries]
			+ Responsive Utility Classes
			+ Grid - Wide (containers, columns)
		--------------------------------------------
		o Tablets [Media Queries]
			+ Responsive Utility Classes
		--------------------------------------------
		o Tablets and below [Media Queries]
			+ Grid - Tablets (containers, columns)
		--------------------------------------------
		o Fluid Grid (containers, columns, nomargin columns)
		o Fluid Columns Structure
		--------------------------------------------
		o Phones Landscape [Media Queries]
			+ Responsive Utility Classes
			+ Grid - Mobile Portrait (Landcape Hack) (containers, columns, fluid grid override)
			+ Grid - Mobile Landscape (containers, columns, fluid grid override)
			+ Grid - Fluid Columns Structure
		--------------------------------------------
		o Phones Portrait [Media Queries]
			+ Grid - Mobile Portrait (containers, columns, fluid grid override)
 ***************************************************
 */



/* RESET and NORMALIZE
/* Adapted from http://meyerweb.com/eric/tools/css/reset/ ----- v2.0 | 20110126
/* Adapted from http://github.com/necolas/normalize.css ----- v2.0.1
/* Adapted from http://github.com/twitter/bootstrap (reset.less) ----- v2.1.1
================================================================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, a img, 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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/*** HTML5 display definitions ***/
/* Corrects `block` display not defined in IE 8/9 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
/* Corrects `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }
/* Addresses styling for `hidden` attribute not present in IE 8/9. */
[hidden] { display: none; }

/*** Base ***/
/* 1. Sets default font family 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 100%; font-family: sans-serif; /* 1 */ -webkit-text-size-adjust:100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */}
/* Removes default margin. */
body { margin: 0; }

/*** Links ***/
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }
/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/*** Typography ***/
/* Addresses `h1` font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; }
/* Addresses styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }
/* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }
/* Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }
/* Addresses styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }
/* Corrects font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
/* Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
/* Sets consistent quote types. */
/*q { quotes: "\201C" "\201D" "\2018" "\2019"; }*/
/* Addresses inconsistent and variable font size in all browsers. */
small { font-size: 80%; }
/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/*** Embedded content ***/
/* Removes border when inside 'a' element in IE 8/9. */
img { border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/*** Img border in a's and image quality ***/
/* Responsive images (ensure images don't scale beyond their parents)
   1. Part 1: Set a maxium relative to the parent 
   3. Part 2: Scale the height according to the width, otherwise you get stretching */
img { max-width: 100%; /* 1 */ height: auto; /* 3 */ }
/* Prevent max-width from affecting Google Maps */
#map_canvas img { max-width: none; }

/*** Figures ***/
/* Addresses margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/*** Forms ***/
/* Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/* 1. Corrects color not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }
/* 1. Corrects font family not being inherited in all browsers. 2. Corrects font size not being inherited in all browsers. 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }
/* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }
/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }
/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }
/* 1. Addresses box sizing set to `content-box` in IE 8/9. 2. Removes excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* Removes inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* 1. Removes default vertical scrollbar in IE 8/9. 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/*** Tables ***/
/* Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }



/* WEBYFRAMES RESPONSIVE GRID
/* Adapted from http://github.com/twitter/bootstrap ----- v2.1.1
/* Adapted from http://github.com/malarkey/320andup/
================================================================================================== */

/*** Clearfix : If no IE6/7 support, replace next 3 rules with .clearfix:after { content:""; display:table; clear:both; } ***/
.container, .container_flushed, .row,
.container_fluid, .row_fluid { *zoom: 1; }
.container:before, .container:after, .container_flushed:before, .container_flushed:after, .row:before, .row:after,
.container_fluid:before, .container_fluid:after, .row_fluid:before, .row_fluid:after { display: table; line-height: 0; content: ""; }
.container:after, .container_flushed:after, .row:after,
.container_fluid:after, .row_fluid:after { clear: both; }

/*** Non Responsive Fix ***/
.non_responsive body { min-width: 1000px; /*fixes background getting clipped when screensize less than site width for non-responsive*/ }

/*** Responsive Utility Classes ***/
.visible_phone { display: none !important; }
.visible_tablet { display: none !important; }
.hidden_desktop { display: none !important; }
.visible_desktop { display: inherit !important; }
.visible_widescreen { display: none !important; }

/*** Grid - Base ***/ /* media width 1024px - 1278px */
/* Grid Containers */
.container_flushed { width: 1000px; margin-right: auto; margin-left: auto; position: relative; }
.site_stretch .container_flushed, /* in site-stretch container_flushed = container for better alignment */
.container { width: 930px; margin-right: auto; margin-left: auto; position: relative; padding-right: 35px; padding-left: 35px; }
.row { position: relative; }
/* Grid Columns */
[class^="span"], [class*=" span"] { display: block; float: left; min-height: 1em; margin-left: 30px; position: relative; }
[class^="span"]:first-child, [class*=" span"]:first-child { margin-left: 0px; }
.span12 { width: 930px; }
.span11 { width: 850px; }
.span10 { width: 770px; }
.span9 { width: 690px; }
.span8 { width: 610px; }
.span7 { width: 530px; }
.span6 { width: 450px; }
.span5 { width: 370px; }
.span4 { width: 290px; }
.span3 { width: 210px; }
.span2 { width: 130px; }
.span1 { width: 50px; }

/*** Wide Screen ***/
@media only screen and (min-width: 1280px) {
	
	/*** WEBYFRAMES RESPONSIVE GRID :: Responsive Utility Classes ***/
	.responsive_W .hidden_desktop { display: inherit !important; }
	.responsive_W .visible_desktop { display: none !important; }
	.responsive_W .visible_widescreen { display: inherit !important; }
	.responsive_W .hidden_widescreen { display: none !important; }
	
	/*** WEBYFRAMES RESPONSIVE GRID :: Grid - Wide ***/
	/* Grid Containers  */
	.responsive_W .container_flushed { width: 1250px; }
	.responsive_W .site_stretch .container_flushed, /* in site-stretch, container_flushed = container for better alignment */
	.responsive_W .container { width: 1160px; padding-right: 45px; padding-left: 45px; }
	/* Grid Columns */
	.responsive_W [class^="span"], .responsive_W [class*=" span"] { margin-left: 40px; }
	.responsive_W [class^="span"]:first-child, .responsive_W [class*=" span"]:first-child { margin-left: 0px; }
	.responsive_W .span12 { width: 1160px; }
	.responsive_W .span11 { width: 1060px; }
	.responsive_W .span10 { width: 960px; }
	.responsive_W .span9 { width: 860px; }
	.responsive_W .span8 { width: 760px; }
	.responsive_W .span7 { width: 660px; }
	.responsive_W .span6 { width: 560px; }
	.responsive_W .span5 { width: 460px; }
	.responsive_W .span4 { width: 360px; }
	.responsive_W .span3 { width: 260px; }
	.responsive_W .span2 { width: 160px; }
	.responsive_W .span1 { width: 60px; }
	
}

/*** Tablets ***/
@media only screen and (min-width: 768px) and (max-width: 1023px) {

	/*** WEBYFRAMES RESPONSIVE GRID :: Responsive Utility Classes ***/
	.responsive_T .hidden_desktop { display: inherit !important; }
	.responsive_T .visible_desktop { display: none !important; }
	.responsive_T .visible_tablet { display: inherit !important; }
	.responsive_T .hidden_tablet { display: none !important; }
	
}

/*** Tablets and Below ***/
@media only screen and (max-width: 1023px) {
	
	/*** WEBYFRAMES RESPONSIVE GRID :: Grid - Tablets ***/
	/* Grid Containers  */
	.responsive_T .container_flushed { width: 760px; }
	.responsive_T .site_stretch .container_flushed, /* in site-stretch, container_flushed = container for better alignment */
	.responsive_T .container { width: 724px; padding-right: 18px; padding-left: 18px; }
	/* Grid Columns */
	.responsive_T [class^="span"], .responsive_T [class*=" span"] { margin-left: 20px; }
	.responsive_T [class^="span"]:first-child, .responsive_T [class*=" span"]:first-child { margin-left: 0px; }
	.responsive_T .span12 { width: 724px; }
	.responsive_T .span11 { width: 662px; }
	.responsive_T .span10 { width: 600px; }
	.responsive_T .span9 { width: 538px; }
	.responsive_T .span8 { width: 476px; }
	.responsive_T .span7 { width: 414px; }
	.responsive_T .span6 { width: 352px; }
	.responsive_T .span5 { width: 290px; }
	.responsive_T .span4 { width: 228px; }
	.responsive_T .span3 { width: 166px; }
	.responsive_T .span2 { width: 104px; }
	.responsive_T .span1 { width: 42px; }
	
}

/*** Fluid Grid ***/
/* Fluid Grid Containers */
.container_fluid { position: relative; width: 100%; }
.row_fluid { width: 100%; position: relative; }
/* Fluid Grid Columns */
.row_fluid [class^="span"], .row_fluid [class*=" span"] { display: block; float: left; min-height: 1em; margin-left: 3.225806451612903%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.row_fluid [class^="span"]:first-child, .row_fluid [class*=" span"]:first-child { margin-left: 0; }
.row_fluid .span12 { width: 100%; }
.row_fluid .span11 { width: 91.39784946%; }
.row_fluid .span10 { width: 82.79569892%; }
.row_fluid .span9 { width: 74.19354839%; }
.row_fluid .span8 { width: 65.59139785%; }
.row_fluid .span7 { width: 56.98924731%; }
.row_fluid .span6 { width: 48.38709677%; }
.row_fluid .span5 { width: 39.78494624%; }
.row_fluid .span4 { width: 31.18279569%; }
.row_fluid .span3 { width: 22.58064516%; }
.row_fluid .span2 { width: 13.97849462%; }
.row_fluid .span1 { width: 5.376344086%; }
/* Fluid Grid Columns - No Margins (useful for content separation) */
.row_fluid.no_margin [class^="span"], .row_fluid.no_margin [class*=" span"] { margin-left: 0; }
.row_fluid.no_margin .span12 { width: 100%; }
.row_fluid.no_margin .span11 { width: 91.666666666%; }
.row_fluid.no_margin .span10 { width: 83.333333333%; }
.row_fluid.no_margin .span9 { width: 75%; }
.row_fluid.no_margin .span8 { width: 66.666666666%; }
.row_fluid.no_margin .span7 { width: 58.333333333%; }
.row_fluid.no_margin .span6 { width: 50%; }
.row_fluid.no_margin .span5 { width: 41.666666666%; }
.row_fluid.no_margin .span4 { width: 33.333333333%; }
.row_fluid.no_margin .span3 { width: 25%; }
.row_fluid.no_margin .span2 { width: 16.666666666%; }
.row_fluid.no_margin .span1 { width: 8.333333333%; }

/*** Fluid Columns Structure ***/
.one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth { float: left; /*overflow: hidden;*/ min-height: 1em; position: relative; margin-right: 5%; margin-left: 0; }
.one_half, .two_fourth { width:47.5%; }
.one_third { width:30%; }
.two_third { width:65%; }
.one_fourth { width:21%; }
.three_fourth { width:73%; }
.one_fifth { width:16%; }
.two_fifth { width:37%; }
.three_fifth { width:58%; }
.four_fifth { width:79%; }

/*** Phones Landscape ***/
@media only screen and (max-width: 767px) {

	/*** WEBYFRAMES RESPONSIVE GRID :: Responsive Utility Classes ***/
	.responsive_M .hidden_desktop { display: inherit !important; }
	.responsive_M .visible_desktop { display: none !important; }
	.responsive_M .visible_phone { display: inherit !important; }
	.responsive_M .hidden_phone { display: none !important; }
	
	/*** WEBYFRAMES RESPONSIVE GRID :: Grid - Mobile Portrait (Landcape Hack) ***/
	/* Landscape Grid Hack : If Landscape is off, Show Portrait (instead of tablet) in Landscape */
	/* Grid Containers  */
	.responsive_MP .container_flushed { width: 310px; }
	.responsive_MP .site_stretch .container_flushed, /* in site-stretch, container_flushed = container for better alignment */
	.responsive_MP .container { width: 270px; padding-right: 20px; padding-left: 20px; }
	/* Grid Columns */
	.responsive_MP [class^="span"], .responsive_MP [class*=" span"],
	.responsive_MP [class^="span"]:first-child, .responsive_MP [class*=" span"]:first-child { margin-left: 0px; width: 270px; }
	/* Fluid Grid Overrides */
	.responsive_MP .row_fluid [class^="span"], .responsive_MP .row_fluid [class*=" span"],
	.responsive_MP .row_fluid [class^="span"]:first-child, .responsive_MP .row_fluid [class*=" span"]:first-child,
	.responsive_MP .row_fluid.no_margin [class^="span"], .responsive_MP .row_fluid.no_margin [class*=" span"] { margin-left: 0px; width: 100%; }
	
	/*** WEBYFRAMES RESPONSIVE GRID :: Grid - Mobile Landscape ***/
	/* Grid Containers  */
	.responsive_ML .container_flushed { width: 460px; }
	.responsive_ML .site_stretch .container_flushed, /* in site-stretch, container_flushed = container for better alignment */
	.responsive_ML .container { width: 420px; padding-right: 20px; padding-left: 20px; }
	/* Grid Columns */
	.responsive_ML [class^="span"], .responsive_ML [class*=" span"],
	.responsive_ML [class^="span"]:first-child, .responsive_ML [class*=" span"]:first-child { margin-left: 0px; width: 420px; }
	/* Fluid Grid Overrides */
	.responsive_ML .row_fluid [class^="span"], .responsive_ML .row_fluid [class*=" span"],
	.responsive_ML .row_fluid [class^="span"]:first-child, .responsive_ML .row_fluid [class*=" span"]:first-child,
	.responsive_ML .row_fluid.no_margin [class^="span"], .responsive_ML .row_fluid.no_margin [class*=" span"] { margin-left: 0px; width: 100%; }
	
	/*** WEBYFRAMES RESPONSIVE GRID :: Fluid Columns Structure ***/
	.responsive_M .one_half,
	.responsive_M .one_third,
	.responsive_M .two_third,
	.responsive_M .one_fourth,
	.responsive_M .two_fourth,
	.responsive_M .three_fourth,
	.responsive_M .one_fifth,
	.responsive_M .two_fifth,
	.responsive_M .three_fifth,
	.responsive_M .four_fifth { float: none; display: block; width: 100%; margin: 1.416em 0; }
	
}

/*** Phones Portrait ***/
@media only screen and (max-width: 479px) {
	
	/*** WEBYFRAMES RESPONSIVE GRID :: Grid - Mobile Portrait ***/
	/* Grid Containers  */
	.responsive_MP .container_flushed { width: 310px; }
	.responsive_MP .site_stretch .container_flushed, /* in site-stretch, container_flushed = container for better alignment */
	.responsive_MP .container { width: 270px; padding-right: 20px; padding-left: 20px; }
	/* Grid Columns */
	.responsive_MP [class^="span"], .responsive_MP [class*=" span"],
	.responsive_MP [class^="span"]:first-child, .responsive_MP [class*=" span"]:first-child { margin-left: 0px; width: 270px; }
	/* Fluid Grid Overrides */
	.responsive_MP .row_fluid [class^="span"], .responsive_MP .row_fluid [class*=" span"],
	.responsive_MP .row_fluid [class^="span"]:first-child, .responsive_MP .row_fluid [class*=" span"]:first-child,
	.responsive_MP .row_fluid.no_margin [class^="span"], .responsive_MP .row_fluid.no_margin [class*=" span"] { margin-left: 0px; width: 100%; }
	
}