/****** FILE: themes/southland/css/responsive.css *****/
/*!
 * Bootstrap Responsive v2.0.3
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* CSS3 Two Tone borders - IE9+ */
/* Fix for responsive images - use on IMG tag */
/* Mobile icons for retina display */
/** 
 * Mixin divides width of parent between children. It requires the parent to 
 * have a size class representing the number of children (eg: class="size_3"). 
 * It will take this and divide the width by that number of elements.
 *
 * Note: In silverstripe templates you can use $Count on a set of items you 
 * are about to loop throught to get the total number. EG:
 * <ul class="size_{$Menu.Count}">
 */
.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }

  .page-header h1 small {
    display: block;
    line-height: 25px;
  }

  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }

  .form-horizontal .control-group > label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }

  .form-horizontal .controls {
    margin-left: 0;
  }

  .form-horizontal .control-list {
    padding-top: 0;
  }

  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }

  .modal {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
  }
  .modal.fade.in {
    top: auto;
  }

  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }

  .carousel-caption {
    position: static;
  }
}
@media (max-width: 767px) {
  body {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar-fixed-top,
  .navbar-fixed-bottom {
    margin-left: -20px;
    margin-right: -20px;
  }

  .container-fluid {
    padding: 0;
  }

  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }

  .container {
    width: auto;
  }

  .row-fluid {
    width: 100%;
  }

  .row,
  .thumbnails {
    margin-left: 0;
  }

  [class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: auto;
    margin-left: 0;
  }

  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before, .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }

  [class*="span"] {
    float: left;
    margin-left: 20px;
  }

  .container {
    width: 724px;
  }

  .span12 {
    width: 724px;
  }

  .span11 {
    width: 662px;
  }

  .span10 {
    width: 600px;
  }

  .span9 {
    width: 538px;
  }

  .span8 {
    width: 476px;
  }

  .span7 {
    width: 414px;
  }

  .span6 {
    width: 352px;
  }

  .span5 {
    width: 290px;
  }

  .span4 {
    width: 228px;
  }

  .span3 {
    width: 166px;
  }

  .span2 {
    width: 104px;
  }

  .span1 {
    width: 42px;
  }

  .offset12 {
    margin-left: 764px;
  }

  .offset11 {
    margin-left: 702px;
  }

  .offset10 {
    margin-left: 640px;
  }

  .offset9 {
    margin-left: 578px;
  }

  .offset8 {
    margin-left: 516px;
  }

  .offset7 {
    margin-left: 454px;
  }

  .offset6 {
    margin-left: 392px;
  }

  .offset5 {
    margin-left: 330px;
  }

  .offset4 {
    margin-left: 268px;
  }

  .offset3 {
    margin-left: 206px;
  }

  .offset2 {
    margin-left: 144px;
  }

  .offset1 {
    margin-left: 82px;
  }

  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.76243%;
    *margin-left: 2.70924%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100.0%;
    *width: 99.94681%;
  }
  .row-fluid .span11 {
    width: 91.43646%;
    *width: 91.38327%;
  }
  .row-fluid .span10 {
    width: 82.87293%;
    *width: 82.81974%;
  }
  .row-fluid .span9 {
    width: 74.30939%;
    *width: 74.2562%;
  }
  .row-fluid .span8 {
    width: 65.74586%;
    *width: 65.69266%;
  }
  .row-fluid .span7 {
    width: 57.18232%;
    *width: 57.12913%;
  }
  .row-fluid .span6 {
    width: 48.61878%;
    *width: 48.56559%;
  }
  .row-fluid .span5 {
    width: 40.05525%;
    *width: 40.00206%;
  }
  .row-fluid .span4 {
    width: 31.49171%;
    *width: 31.43852%;
  }
  .row-fluid .span3 {
    width: 22.92818%;
    *width: 22.87499%;
  }
  .row-fluid .span2 {
    width: 14.36464%;
    *width: 14.31145%;
  }
  .row-fluid .span1 {
    width: 5.8011%;
    *width: 5.74791%;
  }

  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }

  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 714px;
  }

  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 652px;
  }

  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 590px;
  }

  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 528px;
  }

  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 466px;
  }

  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 404px;
  }

  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 342px;
  }

  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 280px;
  }

  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 218px;
  }

  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 156px;
  }

  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 94px;
  }

  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 32px;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before, .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }

  [class*="span"] {
    float: left;
    margin-left: 30px;
  }

  .container {
    width: 1170px;
  }

  .span12 {
    width: 1170px;
  }

  .span11 {
    width: 1070px;
  }

  .span10 {
    width: 970px;
  }

  .span9 {
    width: 870px;
  }

  .span8 {
    width: 770px;
  }

  .span7 {
    width: 670px;
  }

  .span6 {
    width: 570px;
  }

  .span5 {
    width: 470px;
  }

  .span4 {
    width: 370px;
  }

  .span3 {
    width: 270px;
  }

  .span2 {
    width: 170px;
  }

  .span1 {
    width: 70px;
  }

  .offset12 {
    margin-left: 1230px;
  }

  .offset11 {
    margin-left: 1130px;
  }

  .offset10 {
    margin-left: 1030px;
  }

  .offset9 {
    margin-left: 930px;
  }

  .offset8 {
    margin-left: 830px;
  }

  .offset7 {
    margin-left: 730px;
  }

  .offset6 {
    margin-left: 630px;
  }

  .offset5 {
    margin-left: 530px;
  }

  .offset4 {
    margin-left: 430px;
  }

  .offset3 {
    margin-left: 330px;
  }

  .offset2 {
    margin-left: 230px;
  }

  .offset1 {
    margin-left: 130px;
  }

  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.5641%;
    *margin-left: 2.51091%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94681%;
  }
  .row-fluid .span11 {
    width: 91.45299%;
    *width: 91.3998%;
  }
  .row-fluid .span10 {
    width: 82.90598%;
    *width: 82.85279%;
  }
  .row-fluid .span9 {
    width: 74.35897%;
    *width: 74.30578%;
  }
  .row-fluid .span8 {
    width: 65.81197%;
    *width: 65.75877%;
  }
  .row-fluid .span7 {
    width: 57.26496%;
    *width: 57.21177%;
  }
  .row-fluid .span6 {
    width: 48.71795%;
    *width: 48.66476%;
  }
  .row-fluid .span5 {
    width: 40.17094%;
    *width: 40.11775%;
  }
  .row-fluid .span4 {
    width: 31.62393%;
    *width: 31.57074%;
  }
  .row-fluid .span3 {
    width: 23.07692%;
    *width: 23.02373%;
  }
  .row-fluid .span2 {
    width: 14.52991%;
    *width: 14.47672%;
  }
  .row-fluid .span1 {
    width: 5.98291%;
    *width: 5.92971%;
  }

  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }

  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1160px;
  }

  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1060px;
  }

  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 960px;
  }

  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 860px;
  }

  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 760px;
  }

  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 660px;
  }

  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 560px;
  }

  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 460px;
  }

  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 360px;
  }

  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 260px;
  }

  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 160px;
  }

  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 60px;
  }

  .thumbnails {
    margin-left: -30px;
  }

  .thumbnails > li {
    margin-left: 30px;
  }

  .row-fluid .thumbnails {
    margin-left: 0;
  }
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }

  .navbar-fixed-top {
    position: static;
    margin-bottom: 25px;
  }

  .navbar-fixed-top .navbar-inner {
    padding: 5px;
  }

  .navbar .container {
    width: auto;
    padding: 0;
  }

  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }

  .nav-collapse {
    clear: both;
  }

  .nav-collapse .nav {
    float: none;
    margin: 0 0 12.5px;
  }

  .nav-collapse .nav > li {
    float: none;
  }

  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }

  .nav-collapse .nav > .divider-vertical {
    display: none;
  }

  .nav-collapse .nav .nav-header {
    color: #e6e6e6;
    text-shadow: none;
  }

  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 6px 15px;
    font-weight: bold;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }

  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }

  .nav-collapse .nav > li > a:hover,
  .nav-collapse .dropdown-menu a:hover {
    background-color: #666666;
  }

  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0;
  }

  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: block;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }

  .nav-collapse .dropdown-menu .divider {
    display: none;
  }

  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 12.5px 15px;
    margin: 12.5px 0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }

  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }

  .navbar .btn-navbar {
    display: block;
  }

  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}
@media (max-width: 979px) {
  	/*
  body {
  		.backgroundImageWrap {
  			.backgroundImage {
  				height: 100%;
  			}
  		}
  	}
  */
  #SearchGroup input.span2 {
    width: auto;
    display: inline-block;
  }

  .nav-collapse.collapsed {
    display: none;
  }

  .no-js .navbar button.btn-navbar {
    display: none;
  }
  .no-js #SearchGroup form {
    padding-top: 0;
    border-top: none;
    border-bottom: 1px solid #cccccc;
    box-shadow: none;
  }
  .no-js .nav-collapse {
    height: auto;
  }

  .mainNav .nav .topLevel h2 {
    font-size: 20px;
  }
  .mainNav .nav .topLevel h2 a {
    padding: 10px;
  }
  .mainNav .btn-navbar {
    display: none;
  }
  .mainNav .showChildren:before {
    position: absolute;
    top: 18px;
  }

  .nav-collapse,
  .nav-collapse.collapse {
    overflow: visible;
    height: auto;
  }

  .nav-collapse.collapse {
    display: block;
  }

  .nav-collapse {
    font-size: 1em;
  }
  .nav-collapse .nav {
    float: left;
    margin: 0 10px 0 0;
  }
  .nav-collapse .nav > li {
    float: left;
  }
  .nav-collapse .nav > li > a:hover {
    background-color: white;
  }
  .nav-collapse li.open li {
    padding-bottom: 0;
  }
  .nav-collapse li.open li a {
    padding-left: 20px;
  }
  .nav-collapse .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    float: left;
    margin-left: 0;
  }
  .nav-collapse .dropdown-menu a {
    font-weight: normal;
  }

  .navbar-inner .container {
    width: 724px;
  }

  .HomePage .sections .section {
    width: 50%;
  }
  .HomePage .sections .section.section1, .HomePage .sections .section.section2 {
    margin-bottom: 20px;
  }

  .holderBlock {
    width: 50%;
  }

  .actionMenu .actionsWrap .action {
    width: 50%;
  }
  .actionMenu .actionsWrap.googleMaps img {
    width: 50%;
  }
  .actionMenu .actionsWrap.googleMaps .location {
    width: 50%;
  }

  footer .footer-logo {
    float: none;
    padding: 10px 0;
  }

  .Actions .action {
    width: auto;
  }
}
@media (max-width: 979px) and (min-width: 768px) {
  header {
    padding: 0;
  }
  header .brand {
    margin-top: 20px;
    padding-bottom: 10px;
    line-height: 1.1;
  }
}
@media (max-width: 829px) {
  	/*
  	//BACKGROUND IMAGE
  	body {
  		.backgroundImageWrap {
  			.backgroundImage {
  				margin-top: 120px;
  			}
  		}
  	}
  */
  .mainNav .btn-navbar {
    display: block;
  }

  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }

  .nav-collapse li.open .dropdown-menu {
    display: none;
  }

  .nav-collapse .nav {
    float: none;
    margin: 0 0 12.5px;
  }
  .nav-collapse .nav > li {
    float: none;
  }

  .mainNav .btn-navbar {
    z-index: 5;
  }
  .mainNav .navbar-inner {
    min-height: 0px;
    padding: 0;
  }
  .mainNav .stripe {
    display: block;
    margin-bottom: 0;
  }
  .mainNav .nav {
    margin: 0;
  }
  .mainNav .nav .topLevel {
    width: 50%;
    border: none;
    margin: 0;
    float: left;
    border-bottom: 1px solid #e6e6e6;
  }
  .mainNav .nav .topLevel.homeLink {
    display: none;
  }
  .mainNav .nav .topLevel.yellow-menu-submenu, .mainNav .nav .topLevel.blue-menu-submenu, .mainNav .nav .topLevel.green-menu-submenu, .mainNav .nav .topLevel.purple-menu-submenu {
    border-bottom: 1px solid #e6e6e6;
  }
  .mainNav .nav .topLevel h2 {
    font-size: 24px;
  }
  .mainNav .nav .topLevel .showChildren {
    display: none;
  }
}
@media (max-width: 767px) {
  body .homeBackground .homeBackgroundImage {
    display: none;
  }

  .typography .pull-left {
    float: none;
  }
  .typography .pull-right {
    float: none;
  }

  /* page heading across all pages */
  .typography .span9 .page-header {
    margin-top: 25px;
  }

  body .backgroundImageWrap .backgroundImage {
    display: none;
  }

  .printShare {
    display: none;
  }

  header {
    padding: 0;
  }
  header .rightBackground {
    display: none;
  }
  header .backgroundPattern {
    height: 200px;
    left: 0;
    background-image: url("../../../themes/southland/images/headerBackgroundMobile.png");
  }
  header .brand {
    float: none;
    margin-top: 20px;
    padding-bottom: 10px;
  }
  header .brand a:hover {
    text-decoration: none;
  }
  header .brand a span {
    float: none;
  }
  header .utilityHolder .utility .socialLinks {
    float: left;
  }
  header .utilityHolder .utility .socialLinks a {
    margin-left: 0;
    margin-right: 15px;
  }
  header .utilityHolder #SearchGroup {
    display: none;
  }

  .mainNav {
    margin-bottom: 0;
  }
  .mainNav #SearchGroup {
    display: block;
    float: none;
    *zoom: 1;
    border-bottom: none;
    background-color: white;
    margin-left: 0px;
    border-bottom: 1px solid #e6e6e6;
  }
  .mainNav #SearchGroup:before, .mainNav #SearchGroup:after {
    display: table;
    content: "";
  }
  .mainNav #SearchGroup:after {
    clear: both;
  }
  .mainNav #SearchGroup .navbar-search .search-query {
    color: #999999;
    padding: 15px 30px 15px 20px;
  }
  .mainNav #SearchGroup .navbar-search .search-query::-webkit-input-placeholder {
    color: #999999;
  }
  .mainNav #SearchGroup .navbar-search .search-query:-moz-placeholder {
    /* Firefox 18- */
    color: #999999;
  }
  .mainNav #SearchGroup .navbar-search .search-query::-moz-placeholder {
    /* Firefox 19+ */
    color: #999999;
  }
  .mainNav #SearchGroup .navbar-search .search-query:-ms-input-placeholder {
    color: #999999;
  }
  .mainNav #SearchGroup .btn-navbar {
    color: #999999;
    top: 10px;
    right: 5px;
    left: auto;
  }
  .mainNav .container {
    width: auto;
  }
  .mainNav .navbar-inner .nav li h2 a {
    padding: 20px 10px;
  }

  .actionMenu .container {
    padding: 0;
  }
  .actionMenu .actionsWrap.googleMaps img {
    width: 100%;
    position: static;
  }
  .actionMenu .actionsWrap.googleMaps .location {
    width: 100%;
    float: none;
  }

  footer .pull-left {
    *zoom: 1;
    float: none;
    padding-bottom: 10px;
  }
  footer .pull-left:before, footer .pull-left:after {
    display: table;
    content: "";
  }
  footer .pull-left:after {
    clear: both;
  }
  footer .pull-left ul {
    width: 50%;
    float: left;
  }
  footer .pull-left ul li {
    float: none;
    padding: 5px 0;
  }
  footer .pull-left ul li a.divider-right {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
  footer .pull-left ul li a.divider-left {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
  }
  footer .footer-logo {
    text-align: center;
    border-top: 1px solid #cccccc;
  }
  footer .footer-logo img {
    margin-top: 20px;
  }

  .HomePage #layout {
    padding: 0;
  }
  .HomePage .features {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
  }
  .HomePage .features h3 span {
    display: none;
  }

  .HomePage .container.typography .homepageSections {
    margin-top: 0;
  }
  .HomePage .sections .section {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e6e6e6;
  }
  .HomePage .sections .section.section1, .HomePage .sections .section.section2 {
    margin: 0;
  }
  .HomePage .sections .section.section4 {
    border-bottom: none;
  }
  .HomePage .sections .section .sectionInnerWrap {
    padding: 0;
    height: auto;
  }
  .HomePage .sections .section .sectionInnerWrap .sectionInner {
    border: none;
    height: auto;
  }
  .HomePage .sections .section .sectionInnerWrap .sectionInner a {
    margin-top: 0;
    margin-right: 80px;
  }
  .HomePage .sections .section .sectionInnerWrap .sectionInner .sectionCrop {
    left: auto;
    right: 0;
    width: 80px;
    height: 100%;
  }
  .HomePage .sections .section .sectionInnerWrap .sectionInner .sectionCrop img {
    height: 100%;
    left: -50%;
    max-width: 1000%;
  }

  .MainNavPage #layout .linkGrid .linkBlock {
    width: 100%;
    margin-bottom: 10px;
  }

  .yellow-menu #layout .linkGrid .linkBlock {
    background-color: #faf9f4;
  }

  .blue-menu #layout .linkGrid .linkBlock {
    background-color: #eff7f9;
  }

  .green-menu #layout .linkGrid .linkBlock {
    background-color: #f4f8f6;
  }

  .purple-menu #layout .linkGrid .linkBlock {
    background-color: #f6f5f7;
  }

  .heroImage {
    margin-left: -20px;
    margin-top: 0;
  }

  .sidebar-nav {
    margin-bottom: 30px;
    margin-left: -20px;
  }
  .typography .sidebar-nav .sectionHeading {
    position: relative;
    padding: 5px 20px;
  }
  .typography .sidebar-nav .sectionHeading i {
    display: block;
    position: absolute;
    right: 20px;
    top: 12px;
    cursor: pointer;
    font-size: 0.9em;
  }
  .typography .sidebar-nav .sectionHeading i.icon-close {
    font-size: 0.8em;
    top: 13px;
  }
  .sidebar-nav .sectionNav.fixedSectionNav {
    width: 100%;
  }
  .sidebar-nav .sectionNav.fixedSectionNav .sectionLink {
    display: none;
  }

  .nav-list {
    height: 0;
    overflow: hidden;
  }
  .nav-list.open {
    height: auto;
    overflow: visible;
  }

  .Actions .action {
    width: 100%;
  }

  select,
  input.text,
  input.file {
    max-width: 100%;
  }

  /* lightbox */
  .mfp-content {
    width: 100% !important;
  }
}
@media all and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  header .backgroundPattern {
    background-image: url("../../../themes/southland/images/Retina/headerBackgroundMobile@2x.png");
    background-size: 1213px 200px;
  }
}
@media (max-width: 510px) {
  .actionMenu .actionsWrap .action {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .mainNav .nav li h2 {
    font-size: 20px;
  }

  .Page .heroImage .heroCaption {
    position: static;
    width: 100%;
  }
  .Page .heroImage .heroCaption span {
    font-size: 1em;
  }

  footer .pull-left ul {
    width: 100%;
  }
}