#menu-main-navigation {
    display: inline;
    width: 50%;
}

.main-navigation-tools {
    text-align: right;
    float: right;
    position: relative;
    top: auto;
    right: auto;
}
.main-navigation-tools li:first-of-type {
    margin-right: 5px;
}
@media (max-width: 860px) {
    .main-navigation-tools {
        display: inline;
        text-align: center;
        float: none;
    }
    .main-navigation-tools li {
        margin: 0;
    }
}

.home-header {
    height: auto;
}
.home-header .content {
    margin-top: 50px;
}

.homepage-header {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #c7e5f6 35%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #c7e5f6 35%);
    background: linear-gradient(to bottom, #ffffff 0%, #c7e5f6 35%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c7e5f6', GradientType=0);
}

.homepage-header img {
    max-width: 400px;
    width: 60%;
}

.homepage .support-bar {
    background-color: #f2f2f2;
    padding-top: 20px;
}

.homepage section.child-content.featured {
    padding-top: 0;
}

.content.align .copy {
    font-size: 18px;
    font-size: 1.2rem;
}

section.featured .copy, section.featured .copy h2 {
    text-align: center;
}

section.featured .copy h2 {
    margin-bottom: 20px;
}

section.empty {
    padding: 0;
}

.page-header .image {
    text-align: center;
}

.page-header .image img {
    width: 70%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.page-header .image.no-expand img {
    max-width: 70%;
    width: auto;

}

.content.align .copy img.member-photo {
    max-width: 100px;
}

.block.item-featured {
  display: inline-block;
  vertical-align: top;
  width: 18%;
  margin-left: 1%;
  margin-right: 1%;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 25.2px;
  line-height: 1.575rem;
  position: relative;
  background: none;
  height: 170px;
  padding: 0;
  background-color: white;
}
.categories .block.item-featured {
    height: 245px;
}
.block.item-featured img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.block.item-featured h3 {
  color: #0097dd;
  font-size: 16px;
  font-size: 1.1rem;
  line-height: 33px;
  line-height: 1.4rem;
  margin-bottom: 9px;
  max-height: 40px;
  overflow: hidden;
}
.block.item-featured .copy {
  display: block;
  height: 100%;
  padding: 16px;
  color: #404041;
}
.block.item-featured .copy:hover {
  text-decoration: none;
}

@media (max-width: 720px) {
    .child-content .block {
        padding: 18px;
    }
}

@media all and (min-width: 1800px) {
  .block.item-featured {
    height: 205px;
  }

  .block.item-featured h3 {
      max-height: 48px;
  }
}

@media all and (max-width: 1000px) {
  .block.item-featured {
    width: 48%;
    height: 265px;
  }

  .block.item-featured img {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .categories .block.item-featured {
      height: 220px;
  }

  .categories .block.item-featured img {
    max-width: 160px;
  }
}

@media all and (max-width: 720px) {
    .child-content .item-featured {
        margin-left: 0;
        margin-right: 0;
    }

    .block.item-featured {
        height: 265px;
        display: inline-block;
        vertical-align: top;
        width: 100%;
        display: block;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

    .block.item-featured .copy {
        display: block;
        padding: 0;
    }
}

.block.item-product {
  padding: 36px;
  background: #ffffff;
  color: #404041;
  height: 540px;
}
.block.item-product h3 {
  max-height: none;
}
.block.item-product .author {
  font-size: 18px;
  color: #404041;
}
@media all and (max-width: 720px) {
    .block.item-product {
        height: 450px;
    }
}
@media all and (min-width: 1800px) {
    .block.item-product {
        height: 610px;
    }
}
@media all and (max-width: 1000px) {
    .block.item-product {
        height: 540px;
    }
}
.block.item-product p {
    height: 200px;
}

.block.item-device {
    text-align: left;
  height: 320px;
}
@media all and (max-width: 720px) {
    .block.item-device {
        height: 230px;
    }
}
@media all and (min-width: 1800px) {
    .block.item-device {
        height: 390px;
    }
}
@media all and (max-width: 1000px) {
    .block.item-device {
        height: 320px;
    }
}

section.feature2, .single section.feature2 {
    padding-top: 54px;
    padding-bottom: 54px;
}

.feature2 + .child-content {
    padding-top: 36px;
}

.homepage section.child-content.featured:nth-of-type(odd) {
    background: white;
}

.child-content.featured .content {
    text-align: center;
}
.child-content.featured.categories .content {
    text-align: left;
}

.gallery {
    background-color: #CCC;
}

.gallery img {
    max-width: 100%;
    height: auto;
}

.field-wrap img {
    margin-top: 5px;
}

.icons-stack { margin: 8px 0 0 0; }
.icons-stack a { color: #636363; }
.icons-stack li { display: inline-block; width: 100%; margin: 0 0 24px 0; }
.icons-stack .l 
{
	border: 1px solid #CCCCCC;
	margin: 1px 0 0 0; width: 73px; height: 54px;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.3); box-shadow: 2px 2px 4px rgba(0,0,0,.3);
}
.icons-stack .r { width: 164px; margin: 1px 0 0 0;  }
.icons-stack .title { display: block; font-size: 17px; color: #7492cb; font-weight: bold; line-height: 16px; margin: 0 0 4px 0; }
.icons-stack .moduleTitle { margin: 20px 0 0 0; }
.icons-stack { color: #636363; }

.categories {
    text-align: center;
}

.icons-grid { 
    margin: 8px 0 10px 0; 
    display: inline-block;
    text-align: center;
}

.icons-grid li { 
    background-color: white;
    display: inline-block;
    vertical-align: top;
    width: 144px;
    height: 105px; 
    text-align: center; 
    font-size: 12px; 
    margin: 10px; 
    line-height: 15px; 
    padding: 10px; 
    -webkit-border-radius: 12px; 
    border-radius: 12px;
    border: 1px solid #CCC;
}

.icons-grid img { 
    margin-bottom: 5px;
}

.icons-grid span { display: block; height: 30px; }
.icons-grid a, .icons-grid { color: #636363; }

div.field-wrap.label-right .icons-grid label, div.field-wrap.label-left .icons-grid label {
    min-width: auto;
}

.environment {
	background-color: Red;
	color: White;
	font-weight: bold;
	padding: 5px;
    z-index: 300;
    position: fixed;
    transform: translateX(-50%);
    margin-left: 50%;
}

#results div.pager { font-size: 14px; margin: 20px 0px; padding: 0px 0px; display: block; border-bottom: none; }
#results div.pager .disabled { border: 1px solid #636363; color: #999; margin-top: 4px; padding: 3px; text-align: center; }
#results div.pager .current { border: 1px solid #636363; color: #fff; font-weight: bold; margin-top: 4px; padding: 3px 5px; text-align: center; background-color: #636363; }
#results div.pager span, .pager a { margin: 4px 3px; }
#results div.pager a { border: 1px solid #aaa; padding: 3px 5px; text-align: center; text-decoration: none; }

.grid-bundle-format {
    margin-top: 5px;
    margin-bottom: 5px;
}

.grid-bundle-format p {
    padding: 4px 7px;
    border-radius: 6px;
    font-size: 80%;
    background-color: white;
    display: inline-block;
    border: 1px solid #DDD;
}

.progress-bar .bar {
    height: 18px;
    background: green;
}

.progress-bar {
    margin-top: 10px;
}

.cta.lozenge.center {
    margin-right: 0;
}

::placeholder {
    color: #bbb;
}