@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------------------------------
----------------------------------------------------------------------------------
------------------ WebWire 1000px Responsive CSS Grid ----------------------------
------------------ Created by: Jeff Crowder           ----------------------------
----------------------------------------------------------------------------------
------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------
------------------ WebWire Grid Setup                 ----------------------------
------------------------------------------------------------------------------- */
body                                          { overflow-x:hidden; }
                                              /* */

#wrapper                                      { margin: 0; position: relative; overflow: hidden; text-align: left; vertical-align: top; left: 0; width: 100%; }
                                              /* only one #wrapper element per page; holds all of the content of the grid  */

.section                                      { margin: 0; position: relative; vertical-align: top; }
                                              /* can have multiple .section classes; contains a sections of the grid */

.section-full                                 { margin: 0; position: relative; vertical-align: top; width: 100%; }
                                              /* can have multiple .section-full classes; a 100% width section */

.row                                          { margin:0 auto; position:relative; vertical-align:top; max-width: 1042px; }
                                              /* can have multiple .row classes; a single row contains columns that add up to 12  */

.row:after                                    { display:block; clear:both; content:"."; font-size:0; height:0; visibility:hidden; }
                                              /* clears floating issues  */
																				
/* -------------------------------------------------------------------------------
------------------ WebWire Grid                       ----------------------------
------------------------------------------------------------------------------- */
.col_1                                        { float: left; margin-left: 0; vertical-align: top; width: 8.334%; }
.gutter .col_1                                { float: left; margin-left: 2%; vertical-align: top; width: 6.501%; }
.col_2                                        { float: left; margin-left: 0; vertical-align: top; width: 16.667%; }
.gutter .col_2                                { float: left; margin-left: 2%; vertical-align: top; width: 15%; }
.col_3                                        { float: left; margin-left: 0; vertical-align: top; width: 25%; }
.gutter .col_3                                { float: left; margin-left: 2%; vertical-align: top; width: 23.5%; }
.col_4                                        { float: left; margin-left: 0; vertical-align: top; width: 33.334%; }
.gutter .col_4                                { float: left; margin-left: 2%; vertical-align: top; width: 32%; }
.col_5                                        { float: left; margin-left: 0; vertical-align: top; width: 41.667%; }
.gutter .col_5                                { float: left; margin-left: 2%; vertical-align: top; width: 40.5%; }
.col_6                                        { float: left; margin-left: 0; vertical-align: top; width: 50%; }
.gutter .col_6                                { float: left; margin-left: 2%; vertical-align: top; width: 49%; }
.col_7                                        { float: left; margin-left: 0; vertical-align: top; width: 58.333333333333333331%; }
.gutter .col_7                                { float: left; margin-left: 2%; vertical-align: top; width: 57.5%; }
.col_8                                        { float: left; margin-left: 0; vertical-align: top; width: 66.667%; }
.gutter .col_8                                { float: left; margin-left: 2%; vertical-align: top; width: 66%; }
.col_9                                        { float: left; margin-left: 0; vertical-align: top; width: 74.999999999999999997%; }
.gutter  .col_9                               { float: left; margin-left: 2%; vertical-align: top; width: 74.5%; }
.col_10                                       { float: left; margin-left: 0; vertical-align: top; width: 83.333333333333333333%; }
.gutter .col_10                               { float: left; margin-left: 2%; vertical-align: top; width: 83%; }
.col_11                                       { float: left; margin-left: 0; vertical-align: top; width: 91.667%; }
.gutter .col_11                               { float: left; margin-left: 2%; vertical-align: top; width: 91.5%; }
.col_12                                       { width: 100%; }
.gutter [class^="col_"]:first-child           { margin-left: 0; }


/* -------------------------------------------------------------------------------
------------------ WebWire Mobile Nav                 ----------------------------
------------------------------------------------------------------------------- */
#mobile-container                               { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; }
#mobile-nav                                     { display: none; width: 100%; }
#mobile-button                                  { display: none; padding: 10px 0; }
#mobile-button > div                            { margin: 0 auto; width: 35px; height: 35px; border-radius: 5px; cursor: pointer; }
.button-lines                                   { position: relative; top: 5px; }
.button-lines li                                { margin: 0 auto; width: 29px; height: 5px; margin: 5px auto;}

/* -------------------------------------------------------------------------------
------------------ WebWire Media Queries              ----------------------------
------------------------------------------------------------------------------- */

/* ///// iPad - x
-----------------------------------------------
/////////////////////////////////////////////// */
@media screen and (max-width: 768px) {
	.gutter [class^="col_"]                     { margin-left: 1.5%; }
	.col_1                                      { width: 16.667%; }
	.gutter .col_1                              { width: 14.16%; }
	.gutter .col_1:nth-child(7)                 { margin-left: 0; }
	.col_2                                      { width: 33.334%; }
	.gutter .col_2                              { width: 31.334%; }
	.gutter .col_2:nth-child(4)                 { margin-left: 0; }
	.col_3                                      { /*width: 50%;*/width: 100%; }
	.gutter .col_3                              { width: 48.5%; }
	.gutter .col_3:nth-child(3)                 { margin-left: 0; }
	.col_4                                      { width: 100%; }
	.gutter .col_4                              { width: 100%; margin: 0;}
	.col_5                                      { width: 100%; }
	.gutter .col_5                              { width: 100%; margin: 0;}
	.col_6                                      { width: 100%; }
	.gutter .col_6                              { width: 100%; margin: 0;}
	.col_7                                      { width: 100%; }
	.gutter .col_7                              { width: 100%; margin: 0;}
	.col_8                                      { width: 100%; }
	.gutter .col_8                              { width: 100%; margin: 0;}
	.col_9                                      { width: 100%; }
	.gutter .col_9                              { width: 100%; margin: 0;}
	.col_10                                     { width: 100%; }
	.gutter .col_10                             { width: 100%; margin: 0;}
	.col_11                                     { width: 100%; }
	.gutter .col_11                             { width: 100%; margin: 0;}
	
	/* -------------------------------------------------------------------------------
	------------------ WebWire Mobile Nav Media Queries   ----------------------------
	------------------------------------------------------------------------------- */
	#site-nav                                   { display: none; }
	#mobile-button                              { display: block; }
	/*#wrapper                                  { margin-top: 60px; }*/
}

/* ///// iPhone - x
-----------------------------------------------
/////////////////////////////////////////////// */
@media screen and (max-width: 320px) {
	.row { padding: 0 20px; }
	.gutter [class^="col_"]                     { margin-left: 5%; }
	.col_1                                      { width: 33.334%; }
	.gutter .col_1                              { width: 30%; }
	.gutter .col_1:nth-child(4)                 { margin-left: 0; }
	.gutter .col_1:nth-child(7)                 { margin-left: 0; }
	.gutter .col_1:nth-child(10)                { margin-left: 0; }
	.col_2                                      { width: 50%; }
	.gutter .col_2                              { width: 47.5%; }
	.gutter .col_2:nth-child(3)                 { margin-left: 0; }
	.gutter .col_2:nth-child(4)                 { margin-left: 5%; }
	.gutter .col_2:nth-child(5)                 { margin-left: 0; }
	.col_3                                      { width: 100%; }
	.gutter .col_3                              { width: 100%; margin: 0;}
	.gutter .col_4                              { margin: 0; }
	.gutter .col_5                              { margin: 0; }
	.gutter .col_6                              { margin: 0; }
	.gutter .col_7                              { margin: 0; }
	.gutter .col_8                              { margin: 0; }
	.gutter .col_9                              { margin: 0; }
	.gutter .col_10                             { margin: 0; }
	.gutter .col_11                             { margin: 0; }
}

/* -------------------------------------------------------------------------------
------------------ WebWire Typography Baseline Setup           -------------------
------------------------------------------------------------------------------- */
h1                                              { font-size: 2.5em; line-height: 1em; }
                                                /* 40px/16px */       /* = 40px/40px */
h2                                              { font-size: 2.25em; line-height: 1.1111111111111111111em; }
                                                /* 36px/16px */       /* = 40px/36px */
h3                                              { font-size: 2em; line-height: 1.25em; }
                                                /* 32px/16px */       /* = 40px/32px */
h4                                              { font-size: 1.75em; line-height: 1.428571428571428571em; }
                                                /* 28px/16px */       /* = 40px/28px */
h5                                              { font-size: 1.5em; line-height: 1.66666666666666666667em; }
                                                /* 24px/16px */       /* = 40px/24px */
h6                                              { font-size: font-size: 1.25em; line-height: 1em; }
                                                /* 20px/16px */       /* = 20px/20px */
p                                               { font-size: 0.875em; line-height: 1.428571428571428571em; }
                                                /* 16px (is the default em size) /14px */  /* = 20px/14px */
a                                               { font-size: 0.875em; line-height: 1.428571428571428571em; }
                                                /* 16px (is the default em size) /14px */  /* = 20px/14px */
p a                                             { font-size: 1em; line-height: 1em; }
                                                /* anchor tags inside of paragraph tags*/
ul                                              { font-size: 0.875em; line-height: 1.428571428571428571em; }
                                                /* 16px (is the default em size) /14px */  /* = 20px/14px */
ul.no-bullet                                    { list-style: none; }