bradstrong

<div id="practiceupdate-footer" class="footer-section-container">
	<div>
		<ul>
			<li><a href="">about us</a></li>
			<li><a href="">contact us</a></li>
			<li><a href="">advertise</a></li>
		</ul>
	</div>
		<div>
		<ul>

bradstrong

	        <select id="CountryId" name="CountryId" class="error">
		          <option value="0">Country of Residence</option>
		        </select>
		        <small class="error">Invalid entry</small>
					<div id="select-country" class="select-container">
						<div class="select-content">
		        <select id="CountryId" name="CountryId" class="error">
		          <option value="0">Country of Residence</option>
		        </select>
			      </div></!--/.select-content-->

bradstrong

// You custom settings file to override Foundation defaults
@import "settings";

// Comment out this import if you are customizing you imports below
@import "foundation";

// ----------------------------------------
// Import specific parts of Foundation by commenting the import "foundation"
// and uncommenting what you want below. You must uncomment the following if customizing

bradstrong

@mixin site-gradient($color:$pri-blue, $colorDif:15%, $shinyEdge:"false", $ie-compat:"true"){
	@if $ie-compat == "true"{
		@include filter-gradient($color, lighten($pri-blue, $colorDif), vertical);
	}
	background-color: $color;
	@include background(linear-gradient(lighten($color,$colorDif), $color));
		@if $shinyEdge != "false" {
			@include box-shadow(0 0 4px opacify($color, 0.3), 0 1px 0 $shinyEdge inset);
		}
}

bradstrong

  /* Topbar Specific Breakpoint that you can customize */
  @media only screen and (max-width: $topBarBreakPoint) {

    .top-bar { margin-bottom: 0; overflow: hidden; height: $topBarHeightMobile; background: $topBarDropBgColor;
      .js-generated { display: block; }

      /* Override contain to grid stuff for breakpoint */
      .contain-to-grid & { width: auto; }

      /* Setting up the sliding area */