@charset "UTF-8";
/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
body {  }
/* Misc ---------------------- */
.left { float: left; }
@media only screen and (max-width: 767px) { .left { float: none; } }

.right { float: right; }
@media only screen and (max-width: 767px) { .right { float: none; } }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.hide { display: none; }

.highlight { background: #ffff99; }

#googlemap img, object, embed { max-width: none; }

#map_canvas embed { max-width: none; }

#map_canvas img { max-width: none; }

#map_canvas object { max-width: none; }

/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }


/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only { display: none !important; }

@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .hide-on-print { display: none !important; }
  .print-only { display: block !important; } }
/* Requires globals.css */
/* Standard Forms ---------------------- */
form { margin: 0 0 19.41641px; }

.row form .row { margin: 0 -7px; }
.row form .row .column, .row form .row .columns { padding: 0 7px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }

@media only screen and (max-width: 767px) { label.right { text-align: left; } }
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }

a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }

span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }

.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; }

.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

textarea { height: auto; }

select { width: 100%; }

/* Fieldsets */
fieldset { border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; }

/* Correct FF custom dropdown height */
@-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 30px; } }

.lt-ie9 form.custom div.custom.dropdown a.selector { height: 30px; }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }


@media(min-width:768px) and (max-width:979px) {
	/* REDUCES 206PX */
	body {
		font-size:12px;
	}
	#menu_section{
		padding-top:22px;
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		
	}
	.comments_meta_wrapper {
		width: 100%;
		height: 28px;
	}
	.comment_floated .right_floated {
		float:left;
	}
	.main_with_sections .prk_full_width.prk_section .extra_pad, 
	.main_with_sections .prk_section.extra_pad {
		padding-left:35px;	
		padding-right:35px;
	}
	.extra_pad {
		padding-left:15px;	
		padding-right:15px;
	}
	.main_no_sections,
	#single_portfolio_ajax {
		margin-top: 35px;
	}
	#single_portfolio_half,
	#main>.twelve>.prk_section.prk_inner_block:first-child,
	.blog_sgl_pst #sidebar,
	.blog_sgl_pst #single_blog_content,
	.blog_sgl_pst #single_blog_meta {
		padding-top:35px !important;
	}
	#mini_social_nets {
		margin-top:16px;
	}
	#blog_entries_masonr {
		margin-top:45px;
	}
	.flexslider .big .headings_top {
		font-size: 2.1em;
	}
	.flexslider .big .headings_body {
		font-size:1.1em;
	}
	.theme_button.big a, .theme_button_inverted.big a {
		font-size: 1.1em;
		padding: 7px 14px 5px;
	}
	.flexslider .theme_button_inverted {
		margin-top: 12px;
	}
}

/* Mobile Grid and Overrides ---------------------- */
@media only screen and (max-width: 767px) { 
	body { 
		-webkit-text-size-adjust: none; 
		-ms-text-size-adjust: none; 
		width: 100%; 
		min-width: 0; 
		margin-left: 0; 
		margin-right: 0; 
		padding-left: 0; 
		padding-right: 0;
		font-size: 12px;
	}
	h1.huge {
	   font-size: 16em;
	}
	h1 {
		font-size: 3.9em;
	}
	h2 {
	    font-size: 2.9em;
		font-weight:bold;
		margin-bottom:8px;
	}
	h2 small {
	    font-size: 16px;
	}
	h3 {
	    font-size: 2.3em;
	}
	h3.small {
	    font-size: 1.8em;
	}
	h4.big {
	    font-size: 1.5em;
	}
	h4 {
	    font-size: 1.25em;
	}
	h5 {
	    font-size: 1.15em;
	}
	h5.small {
	    font-size: 1.1em;
	}
	#mini_social_nets {
		display: none;
	}
	.prk_shortcode-title .sizer_large {
		font-size: 3.5em;
	}
	.prk_shortcode-title .sizer_medium {
		font-size: 2.5em;
	}
	.prk_shortcode-title .sizer_small-margin,
	.prk_shortcode-title .sizer_small {
		font-size: 1.75em;
	}
	.prk_price {
		font-size: 1.5em;
	}
	.prk_custom_title {
		font-size: 1.4em;
	}
	#single_page_teaser {
		font-size: 1.3em;
	}
	.theme_button.large a,
	.theme_button_inverted.large a {
		font-size:1.5em;
	}
	.grid_single_title .prk_ttl, 
	.related_single_title .prk_ttl {
		font-size:1.8em;
	}
	#menu_section.under_logo li>a {
		font-size:1.2em;
	}
	.prk_shortcode-title .sizer_medium {
		font-size: 2.6em;
	}
	.day {
		font-size: 2.0em;
	}
	.month {
		font-size: 1.2em;
		margin-bottom: 4px;
	}
	.row.prk_row {
		margin-bottom: 30px;
	}
	.prk_section.prk_full_width {
		margin-bottom: 60px;
	}
	.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
	.column, .columns { width: auto !important; float: none; }
	.column:last-child, .columns:last-child { float: none; }
	#main_block,
	#prk_ajax_container {
		margin-top: 55px;
	}
	.gallery_faded_elements {
		display: none;
	}
	#prk_gallery_footer {
		width: 100% !important;
		padding-left: 0px !important;
	}
	#prk_gallery_footer #prk_gallery_share {
		float:left;
	}
	.prk_gallery_slides {
		margin-bottom: 0px;
	}
	#single_portfolio_ajax {
		margin-top:20px;
	}
	#single_portfolio_ajax>.eight.columns {
		margin-right:0px !important;
	}
	#prk_logo_image {
		opacity:0 !important;
		filter: alpha(opacity=0) !important;
	}
	#prk_alt_logo_image {
		opacity:1 !important;
		filter: alpha(opacity=100) !important;
	}
	#classic_blog_section.unpad_me {
		margin-right: -20px;
	}
	.pir_divider_cmts {
		margin: -2px 3px 0px 3px;
	}
	.recentposts_ul_shortcode img,
	.recent_ul_shortcode img {
		width:100%;	
	}
	.blog_date {
		padding:5px 12px;
	}
	.single_blog_meta .left_floated,
	.blog_meta_single .left_floated {
		float:none;
	}
	.blog_meta_single .cmt_wrp {
		margin-left:20px;
	}
	.single_blog_meta .cmt_wrp {
		margin-left:18px;
	}
	.single_page_title {
		font-size:0.8em;
		line-height: 0.9em;	
	}
	.single_entry_title_half,
	.single_entry_title,
	.centered_blog_title {
		font-size:0.9em;
		line-height: 0.9em;	
	}
	#footer_in {
		margin-left:0px;	
	}
	#pir_categories li a {
		padding: 4px 8px;
	}
	#timeline_entries {
		margin-top: 60px;
	}
	#timeline_entries > div.left_floated,
	#timeline_entries > div.right_floated {
		margin-top: 30px;
	}
	.timeline_entry_marker,
	#timeline_entries > div.right_floated .timeline_entry_marker {
		top: -35px;
		margin-left: -7px;
		left: 50%;
	}
	#blog_entries_masonr {
		margin-top:5px;
	}
	#timeline_header_divider {
	  margin-bottom:60px;  
	}
	#timeline_line {
	  margin-top:-30px;
	  margin-left: -14px;
	}
	.prk_timeline_tip {
		left: 50%;
	  	top: -9px;
	  	margin-left: -14px;
	}
	.timeline_tip_top_hide {
		left: 50%;
	  	top: 0px;
	  	margin-left: -25px;
	  	width: 55px;
	}
	#contact_address  {
		font-size:1em;
		margin-top: 45px;
	}
	.prk_member_img {
	max-width:none;
	width:100%;
	margin-bottom:20px;	
	}
	.prk_member_social {
		margin-bottom:30px;	
	}
	#menu_section.under_logo {
		padding-top:0px !important;
	}
	#menu_section.under_logo .sub-menu {
		top:0px !important;
	}
   #main.formasonr {
		padding-left:10px !important;
		padding-right:0px !important;  
   }
	#undermenu_sidebar {
		margin-top: 48px;
		margin-bottom: -28px;
		position:relative;
	}
	 #top_widgets .widget {
		 margin-bottom:40px;
	 }
	 #top_widgets .widget-last {
		 margin-bottom:0px;
	 }
	 .flexslider {
		min-height:20px !important; 
	 }
	 .homepage_sl {
		padding:0px !important;
		margin:40px 0px 0px !important;
	}
	#top_area {
		 margin-top: -35px !important;
	}
	#logo_holder {
		 top:18px;
		 width:100%;
		 min-height:0px;
	}	
	#contact_description {
		margin-top: 30px;
	}
	#nav-collapsed-icon {
		top:47px;
	}
	#nav-collapsed-icon .icon-menu:before {
		font-size: 34px;
	}
	#prk_right_w {
		position:relative;
	}
	.navbar .btn-navbar {
	  display:inline;  
	  width:250px;
	}
	.opened_menu {
	  position:relative;
	  border-top:0px !important;
	  padding-top:0px;
	  font-size:0.9em;
	}
	.coll_wrapper {
		  width: 352px;
		  left: 50%;
		  display: inline;
		  position: relative;
		  float: left;
		  margin-left: -176px;
		  margin-top:6px;
	}
	.brand {
		position:relative;
		bottom:0px !important;	
	}
	.brand,
	#undermenu_sidebar {
	  text-align:center;  
	}
	#content-info {
	  position:relative;
	  bottom:0px;  
	  width:100%;
	  margin-left:inherit;
	  box-sizing:border-box;
	}
	#footer_sidebar {
	  width:100%;  
	}
	.hide_later {
	  display:none;  
	}
  	.show_later {
		display:block;	
	}
	.right_floated_later {
	float:right;	
	}
	#blog_entries .blog_meta_single,
	.blog_content .blog_meta_single {
		margin-left:0px;
		margin-top:0px;
	}
	#entries_navigation .navigation {
		display:inline;	
		top:-20px;
	}
	#no_more {
		margin-bottom:54px;	
	}
	#no_more.nm_left {
		margin-left:-20px !important;		
	}
  .divider_tp {
	float:none;
	left:50%;
	margin-left:-30px;  
  }
   #undermenu_sidebar .right_floated {
	float:none;
  }
   #mini_menu {
	margin-top: 0px;
	position: relative;
	float:left;
  }
  .column,
  .columns {
  	padding: 0 20px;
  }
	.main_no_sections {
		margin-top:30px;
	}
	.simple_line.blog_divider {
		width: 100%;
		margin-bottom:15px;
	}
	.simple_line.blog_divider.c_side {
		width: 45px;
		margin-top:-15px;
		margin-bottom: 30px;
	}
	.simple_line.blog_divider.show_later {
		margin-top: 30px;
	}
  .padded_text {
	padding:0px 30px 20px 30px;	
	max-width:100%;
	}
	.mini_padded_text {
		padding:0px 20px 10px 20px;	
		max-width:100%;
	}
	.unpadded_low {
		padding:0px 30px 0px 30px;	
	}
	.mini_unpadded_low {
		padding:0px 20px 0px 20px;	
	}
  	#portfolio_info {
		border-left:0px #000000 !important;	
		margin-bottom:30px;
		padding-left:20px;
	}
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  .column:after, .columns:after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
  /* Mobile 4-column Grid */
  .row .mobile-one { width: 25% !important; float: left; padding: 0 20px; }
  .row .mobile-one:last-child { float: right; }
  .row .mobile-one.end { float: left; }
  .row.collapse .mobile-one { padding: 0; }
  .row .mobile-two { width: 50% !important; float: left; padding: 0 20px; }
  .row .mobile-two:last-child { float: right; }
  .row .mobile-two.end { float: left; }
  .row.collapse .mobile-two { padding: 0; }
  .row .mobile-three { width: 75% !important; float: left; padding: 0 20px; }
  .row .mobile-three:last-child { float: right; }
  .row .mobile-three.end { float: left; }
  .row.collapse .mobile-three { padding: 0; }
  .row .mobile-four { width: 100% !important; float: left; padding: 0 20px; }
  .row .mobile-four:last-child { float: right; }
  .row .mobile-four.end { float: left; }
  .row.collapse .mobile-four { padding: 0; }
  .push-one-mobile { left: 25%; }
  .pull-one-mobile { right: 25%; }
  .push-two-mobile { left: 50%; }
  .pull-two-mobile { right: 50%; }
  .push-three-mobile { left: 75%; }
  .pull-three-mobile { right: 75%; }
  .extra_pad {
		padding-left:0px;
		padding-right:0px;
	}
	.main_with_sections .prk_full_width.prk_section .extra_pad, 
	.main_with_sections .prk_section.extra_pad {
		padding-left:20px;	
		padding-right:20px;
	}
	#content-info .widget {
		margin-bottom:45px;	
	}
	#footer_in .widget-title {
		margin-bottom: 6px;
	}
	.prevnext_single_blog {
		position: relative;
	}
	#full_divider {
		margin-bottom:30px;	
	}
	.zero_margin {
		margin-left:0px !important;
		margin-right:0px !important;	
	}
	.big_icon,
	.big_date {
		display:none;	
	}
	#home_slider {
		margin-left:0px;	
	}
	.recentposts_ul_wp {
		margin-bottom:0px;
	}
	.recentposts_ul_shortcode li {
		margin-bottom:60px;
	}
	.prk_member .three {
		display:inline-block;	
		float: left;
		width: 25% !important;
	}
	.prk_member .nine {
		display:inline-block;	
		float: left;
		width: 75% !important;
	}
	.recent_ul .three {
		width: 25% !important;
	}
	.recent_ul .four {
		width: 33.33333% !important;
	}
	.recent_ul .six {
		width: 50% !important;
	}
	#contact_form {
		padding-bottom:0px;	
	}
	/*QUEST*/
	.classic_blog_meta.two.columns.l_side {
		padding-left: 20px;
		position: absolute;
		z-index: 999999;
	}
	.blog_content.eight.columns.c_side {
		padding-top: 20px;
		padding-left: 20px;
	}
	.classic_blog_meta.two.columns.r_side {
		padding-left: 20px;
		float: left;
		padding-top: 0px;
	}
	#pir_ajax_loader {
		position: fixed;
		left: 50%;
		margin-top: 55px;
	}
	#aj_loader {
		top: 22px;
	}
	.flexslider .slider_text_holder {
		display: none;
	}
	.prk_price_table.featured_table {
		margin-top: 36px;
	}
	.prk_price_table {
		margin-top: 0px;
		margin-bottom:20px;
	}
	.member_ul {
		text-align: center;
	}
	.sh_member_wrapper {
		margin:auto;
		display: inline-block;
		margin-bottom:30px;
	}
	#main>.twelve>.prk_section.prk_inner_block:first-child {
		padding-top:20px !important;
	}
	.zero_pad {
		padding-right: 0px;
		padding-left: 0px;
	}
	.single_post_wp .right_align {
		text-align:center;
	}
	#entries_navigation_mason {
		margin-bottom: 0px;
	}
	#no_more {
		padding-left:inherit;
	}
	.blog_content {
		padding-left:0px;	
	}
	#single_blog_content.six {
	  	padding:20px 20px 0px;
	  }
	.classic_blog_meta,
	#single_blog_meta {
		text-align: center;
		padding-top: 20px;
	}.classic_blog_meta {
		margin-bottom: 20px;
	}
	.single_post_wp .simple_line.special_size {
		display: none;
	}
	.single_post_wp .right_floated,
	.classic_blog_meta .right_floated,
	#single_blog_meta .right_floated {
		float: none;
	}
	.member_social_wrapper {
		text-align: center;
	}
	#single_blog_meta .member_social_wrapper,
	.single_post_wp .prk_sharre_btns,
	.classic_blog_meta .prk_sharre_btns,
	#single_blog_meta .prk_sharre_btns {
		float: none;
		display: inline-block;
	}
	#classic_blog_section #blog_entries {
		margin-bottom: 26px;
	}
	.later_center {
		text-align: center;
	}
	.single-entry-content {
		text-align: left;
	}
	.single-entry-content_half {
		margin-top: 20px;
		padding: 0px 20px !important;
	}
	.single_post_wp .prevnext_single {
		display: inline-block;
		margin-left: 2px;
	}
	#after_single_folio {
		margin-top: 45px;
	}
	#related_projects_wp .grid_single_title{
		display: none !important;
	}
	#single_portfolio_half {
		padding-top:20px;
	}
	#single_portfolio_half .eight {
		margin-right: 0px !important;
	}
	#main {
		margin-top:0px;
	}
	#main.prk_normal_page {
		margin-top:30px;
	}
	#header_plain,
	#header_plain .simple_line {
		margin-bottom: 10px;
	}
	.theme_button.right_placed {
		position: relative;
		top:-1px;
		right:0px;
	}
	.sf-menu>li>a {
		padding: 18px 10px 43px;
		font-size: 1em;
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		top:inherit !important;
	}
	.footer {
		display: inline-block;
		width: 100%;
		overflow: hidden;
	}
  }
  @media(max-width:480px) {
  	/*FOR SMALL SCREENS*/
	h1.huge {
	   font-size: 16em;
	   line-height:0.9em;
	}
	h1 {
		font-size: 3.4em;
	}
	h2 {
	    font-size: 2.5em;
	}
	h2 small {
	    font-size: 14px;
	}
	h3 {
	    font-size: 2em;
	}
	h3.small {
	    font-size: 1.6em;
	}
	h4.big {
	    font-size: 1.4em;
	}
	h4 {
	    font-size: 1.1em;
	}
	h5 {
	    font-size: 1.05em;
	}
	h5.small {
	    font-size: 1.05em;
	}
	.prk_shortcode-title .sizer_large {
		font-size: 3.1em;
	}
	.prk_shortcode-title .sizer_medium {
		font-size: 2.2em;
	}
	.prk_shortcode-title .sizer_small-margin,
	.prk_shortcode-title .sizer_small {
		font-size: 1.5em;
	}
	.prk_price {
		font-size: 1.3em;
	}
	.theme_button.large a,
	.theme_button_inverted.large a {
		font-size:1.4em;
	}
	.grid_single_title .prk_ttl, 
	.related_single_title .prk_ttl {
		font-size:1.6em;
	}
	.prk_custom_title {
		font-size: 1.3em;
	}
	.prk_shortcode-title .sizer_medium {
		font-size: 2em;
	}
	#single_page_teaser {
		font-size: 1.2em;
	}
	.day {
		font-size: 1.7em;
	}
	.month {
		font-size: 1em;
		margin-bottom: 0px;
	}
	.blog_date {
		padding:4px 12px;
	}
	.flex-prev {
		bottom:1px !important;
		right:30px !important;
	}
	.flex-next {
		bottom:1px !important;
		right:1px !important;
	}
	.flexslider_half .flex-direction-nav li .flex-prev {
		left:1px;
	}
	.flexslider_half .flex-direction-nav li .flex-next {
		left:30px;
	}
	.comment_text {
		margin-top:4px;
	}
	.show_much_later {
		display:block;	
	}
	.hide_much_later {
		display:none;	
	}
	.pir_divider_cmts {
		margin: -2px 1px 0px 1px;
	}
	ol.commentlist img.avatar,
	ol.commentlist > .comment > .children .comment-author img.avatar {
		margin-right:6px;
		max-width:30px;	
		height: auto;
	}
	ol.commentlist > .comment > .children {
		margin-left:40px;	
	}
	.comment_floated,
	ol.commentlist > .comment > .children .comment_floated {
		margin-left: 38px;
	}
	.single_page_title {
		font-size:0.6em;
		line-height: 0.9em;	
	}

	.single_entry_title_half,
	.single_entry_title,
	.centered_blog_title {
		font-size:0.7em;
		line-height: 0.9em;	
	}
	.portfolio_centered_li {
		margin-left:-20px !important;
		margin-right:-20px !important;
	}
	#pir_categories li {
		float:none;
		margin-bottom:8px;
	}
	.ui-tooltip-zuper {
		display:none !important;	
	}
	.ui-tabs .ui-tabs-nav li {
		margin-right:2px;	
	}
	#single_page_teaser {
		margin-bottom:34px;	
	}
	.simple_line.header_divider {
		margin-bottom:35px;	
	}
	.post_meta_single .masonr_inactive {
		margin-left:30px !important;
	}
	.headings_top,
	.headings_body {
		display:none !important;	
	}
	.coll_wrapper {
		margin-top:8px;
	}
  #undermenu_sidebar .widget-inner-top {
	  margin-bottom:0px;  
  }
  .homepage_sl,.foliopage_sl {
	margin-top:0px !important;  
  }
  #main.formasonr {
	margin-top:-10px;  
  }
  #blog_entries .right_floated {
		width:100%;  
  }
  #top_overlay {
	min-height:40px;  
  }
  .sgl_ttl h2 {
	  padding:24px 0px 21px;
  }
  .sgl_ttl h2 header_font {
	  font-size:20px;
  }
  .coll_wrapper {
	  width: 252px;
	  left: 50%;
	  display: inline;
	  position: relative;
	  float: left;
	  margin-left: -126px;
	  margin-top:16px;
	}
	#logo_holder {
		margin-top:4px;
	}
	.coll_wrapper {
		margin-top:6px;	
	}
	#prk_alt_logo_image {
		max-width: 420px;
		top:36px !important;
	}
}

/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; }
.block-grid.one-up > li { width: 100%; padding: 0 0 20px; }
.block-grid.two-up { margin: 0 -20px; }
.block-grid.two-up > li { width: 50%; padding: 0 20px 20px; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.three-up { margin: 0 -12px; }
.block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.four-up { margin: 0 -10px; }
.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.five-up { margin: 0 -8px; }
.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both; }

/* Mobile Block Grids */
@media only screen and (max-width: 767px) { .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
  .block-grid > li { clear: none !important; }
  .block-grid.mobile-two-up > li { width: 50%; }
  .block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; }
  .block-grid.mobile-three-up > li { width: 33.33%; }
  .block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both !important; }
  .block-grid.mobile-four-up > li { width: 25%; }
  .block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; }
  .block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; } }