.responsive-image {
  width: 100%;
}

.left {
  float: left;
}

.right {
  float: right;
}

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

.green-text {
  color: #8aa770;
}

.blue hr {
  background: #76b3de;
}

.brown hr {
  background: #e0b575;
}

.grey-text {
  color: #4c4943;
}

.text-call-out p, h2.first {
    font-size: 36px;
    font-style: italic;
    line-height: 1.3;
    margin: 0 0 15px;
}

.stripe.top-section ul {
    clear: left;
}

.entry-text {
  font-size: 1.32em;
}

.grey-text.entry-text p {
  font-size: 20px;
  line-height: 1.5;
}

.margin-bottom {
  margin-bottom: 10px;
}

.padding-right {
  padding-right: 4%;
}

.no-bottom-padding {
  padding-bottom: 0!important;
}

img.right {
  margin: 0 0 30px 20px;
}

.stripe {
  width: 100%;
  text-align: left;
  padding-top: 40px;
  padding-bottom: 40px;
  box-sizing: border-box;
  clear: both;
}


.stripe h3 {
	margin-bottom: 10px;
}

.stripe h3.drop-down.lp {
  margin-bottom: 25px;
}

.stripe.blue {
  background: rgb(242,245,247);
background: -moz-radial-gradient(circle, rgba(226,236,245,1) 0%, rgba(226,236,245,1) 48%, rgba(232,241,250,1) 63%, rgba(211,227,241,1) 100%);
background: -webkit-radial-gradient(circle, rgba(226,236,245,1) 0%, rgba(226,236,245,1) 48%, rgba(232,241,250,1) 63%, rgba(211,227,241,1) 100%);
background: radial-gradient(circle, rgba(226,236,245,1) 0%, rgba(226,236,245,1) 48%, rgba(232,241,250,1) 63%, rgba(211,227,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f5f7",endColorstr="#d3e3f1",GradientType=1);
}

.stripe.green {
  /*background: #d5e4bb;*/
  background: rgb(238,245,226);
background: -moz-radial-gradient(circle, rgba(238,245,226,1) 0%, rgba(230,242,208,1) 62%, rgba(229,242,206,1) 75%, rgba(213,228,187,1) 100%);
background: -webkit-radial-gradient(circle, rgba(238,245,226,1) 0%, rgba(230,242,208,1) 62%, rgba(229,242,206,1) 75%, rgba(213,228,187,1) 100%);
background: radial-gradient(circle, rgba(238,245,226,1) 0%, rgba(230,242,208,1) 62%, rgba(229,242,206,1) 75%, rgba(213,228,187,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eef5e2",endColorstr="#d5e4bb",GradientType=1);
  border-bottom: none;
  color: #3d3c3c;
}

.stripe.green h1, .stripe.green h2, .stripe.green h3, .stripe.green h4, .green h5, .stripe.green p, .stripe.green a, .stripe.green a:visited {
  color: #2f2f2f;
}

.stripe.brown {
  background: #d46e33; /* Old browsers */
  background: -moz-linear-gradient(top, #d46e33 0%, #e8ae7b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #d46e33 0%,#e8ae7b 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d46e33 0%,#e8ae7b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa6e15', endColorstr='#d39c4b',GradientType=0 ); /* IE6-9 */
}

.stripe.dark-gray {
  background: #e2e0dc; /* #252525 */
  padding: 30px 0 45px;
}

.stripe.gray {
  /*background-color: #f4f4f2;*/
  background: rgb(250,249,249);
background: -moz-radial-gradient(circle, rgba(250,249,249,1) 0%, rgba(244,244,239,1) 18%, rgba(241,240,236,1) 35%, rgba(246,244,243,1) 58%, rgba(244,243,242,1) 79%, rgba(233,231,227,1) 100%);
background: -webkit-radial-gradient(circle, rgba(250,249,249,1) 0%, rgba(244,244,239,1) 18%, rgba(241,240,236,1) 35%, rgba(246,244,243,1) 58%, rgba(244,243,242,1) 79%, rgba(233,231,227,1) 100%);
background: radial-gradient(circle, rgba(250,249,249,1) 0%, rgba(244,244,239,1) 18%, rgba(241,240,236,1) 35%, rgba(246,244,243,1) 58%, rgba(244,243,242,1) 79%, rgba(233,231,227,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faf9f9",endColorstr="#e9e7e3",GradientType=1);
}

.stripe.plain-gray {
  background: #f4f4f2!important;
}

body .stripe.bg-quote-blue, .stripe.light-blue {
  background: rgb(242,245,247);
background: -moz-radial-gradient(circle, rgba(226,236,245,1) 0%, rgba(226,236,245,1) 48%, rgba(232,241,250,1) 63%, rgba(211,227,241,1) 100%);
background: -webkit-radial-gradient(circle, rgba(226,236,245,1) 0%, rgba(226,236,245,1) 48%, rgba(232,241,250,1) 63%, rgba(211,227,241,1) 100%);
background: radial-gradient(circle, rgba(226,236,245,1) 0%, rgba(226,236,245,1) 48%, rgba(232,241,250,1) 63%, rgba(211,227,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f5f7",endColorstr="#d3e3f1",GradientType=1);
}

.stripe.none {
  background-color: transparent;;
}

.stripe.bg-quote-blue hr {
background: #a5c0d7;
}


.stripe.green hr {
  background: #fff;
}

/* using default h2 color with light grey background
.dark-gray h2 {
  color: #8c8c8c;
}
*/

.brown h2 {
  color: #fff;
}

.stripe-col-half.margin-right {
  margin-right: 4%;
}

.stripe p em.quote {
  font-size: 20px;
}

.stripe.green p em.quote {
  color: #e3f4cb;
}

.featured-stripe-image {
  margin: auto;
}

.stripe > .stripe-inner {
  max-width: 960px;
  margin: auto;
}

/*.stripe.featured-stripe > .stripe-inner,
.stripe.featured-stripe > .stripe-inner h3 {
  color: #fff;
}*/

/*.stripe > .stripe-inner p {
  margin-bottom: 8px;
}*/

.entry-text-with-call-out {
  overflow: hidden;
  padding-bottom: 25px;
  border-bottom: 1px solid #d7d6d6;
  margin-bottom: 30px;
}

.stripe > .stripe-inner .entry-text-with-call-out .call-out p {
  font-size: 30px;
  font-style: italic;
  line-height: 1.5;
  padding-right: 5%;
}

.stripe-container {
  padding: 10px;
}

.stripe.green p.drop-down.lp {
  border-top: none;
}

.stripe.green p.drop-down.lp.first, .stripe.green p.drop-down.lp.second {
  font-weight: 400;
}

.stripe.green li {
  background: none;
/*  background: url(../media/bullet.png) no-repeat left 11px; */
    /*list-style-type: disc;*/
    padding-left: 4px;
    line-height: 1.3;
}

body .stripe img.small-float {
  width: 40%;
    float: left;
    margin: 0 25px 10px 0;
    max-width: 186px;
}

/*
.stripe.green li {
  background: url(../media/bullet_white.png) no-repeat left 7px;
}
*/

.stripe.green .toggle.selected { /* copied to stripe.css, replaces lines 200-205 */
    background-image: url(/wp-content/themes/MUM/media/icon-sprite.png);
    padding: 0 28px 10px 0px;
    background-position: right -966px;
}

/*
.stripe.green .toggle.selected {
  background-image: url('../media/subnav_arrow-up-white.png');
  background-repeat: no-repeat;
  padding: 0 28px 15px 0px;
  background-position: right 10px;
}
*/

.stripe.green span.toggle {
    background-image: url(/wp-content/themes/MUM/media/icon-sprite.png);
    padding: 0 28px 10px 0px;
    background-position: right -828px;
}

/*
.stripe.green span.toggle {
  background-image: url('../media/subnav_arrow-down-white.png');
  background-repeat: no-repeat;
  padding: 0 28px 15px 0px;
  background-position: right 10px;
}
*/

/* CTA STRIPE */

.cta-stripe .stripe-container {
  padding: 15px 1.5%;
}

.stripe.cta-stripe {
  background-color: #f3f1ee;
}

.cta-stripe h2 {
  font-weight: 400;
  margin-bottom: 5px;
}

.stripe.cta-stripe > .stripe-inner p {
  margin-bottom: 15px;
  text-align: center;
  line-height: 1.4;
  font-size: 1em;
  font-weight:400;
}

.cta-stripe img {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.cta-stripe .btn.btn-white {
  background-color: #e58d00;
  border: none;
  padding: 7px 10px;
  text-decoration: none;
  font-weight: 400;
  color: #fff;
  display: block;
  text-align: center;
  max-width: 165px;
  margin: auto;
}

.cta-stripe .btn.btn-white:hover, .cta-stripe .btn.btn-white:active {
  background-color: #d87a00;
  color: #fff;
}

/* CTA STRIPE END */

.media-container-half,
.stripe-col-half {
  width: 48%;
  box-sizing: border-box;
}

.stripe-col-third {
  width: 33%;
  box-sizing: border-box;
}

.media-item {
  padding: 40px 0 25px;
      border-top: 1px solid #bebab3;
  }

  .media-item img {
    width: 100%;
}

.media-item h3, .media-item p, .body .stripe__featured-media-item ul, .body .stripe__featured-media-item p, .body .stripe__featured-media-item h3 {
    margin-top: 0;
}

.media-item h3 span {
  font-weight: 100;
  display: block;
}

.media-item h3.drop-down.lp span {
	display: inline;
}

/* - For Testing - */
.placeholder {
  background-color: #eee;
  height: 150px;
  width: 100%;
}

.btn {
  padding: 10px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid;
}

.btn.btn-light {
  background-color: #fdf8f1;
  border-color: #fff;
}

@media screen and (min-width:1024px) {

  .stripe article img {
    max-width: 335px!important;
  }

}

/* =============================================
	LARGE DESKTOP
   ============================================= */

@media screen and (min-width: 1440px) {

  .stripe > .stripe-inner {
    max-width: 1200px;
    margin: auto;
  }

  .stripe article img {
    max-width: 408px!important;
  }

  .stripe aside {
    width: 21.5%;
    max-width: 207px;
  }

  .text-call-out {
    font-size: 1.9em;
  }

}

/* -- DESKTOP -- */
@media screen and (min-width:1024px) {
  .stripe {
    padding-left: 0;
    padding-right: 0;
  }

  .featured-stripe-image {
    width: 100%;
  }

  .media-container-half.margin-left,
  .stripe-col-half.margin-left {
    margin-left: 4%;
  }

  .media-container-half.margin-right,
  .stripe-col-half.margin-right {
    margin-right: 4%;
  }

  .stripe-col-third {
    width: 33%;
  }

  .stripe > .desktop {
    display: block;
  }
  .stripe > .tablet {
    display: none;
  }

  .featured-post-image,
  .featured-post-description {
    width: 100%;
    float: none;
  }

  .media-container-large {
    max-width: 75%;
  }
  .media-container-small {
    width: 20%;
  }

  .media-container-small,
  .media-container-half,
  .stripe-col-half,
  .media-container-large {
    margin-bottom: 0;
  }

  .media-container-small.margin-left,
  .stripe-col-half.margin-left {
    margin-left: 4%;
  }

  .media-container-small.margin-right,
  .stripe-col-half.margin-right {
    margin-right: 2.5%;
  }

  .stripe-col-half.left.green-text.margin-right.text-call-out {
    margin-right: 3%;
  }

  .stripe > .mobile {
    display: none;
  }

  .green-callout{
    float: none;
  }

  .green-callout {
    width: 100%;
  }

    .threecol {
  padding: 0px 20px;
  display: inline-block;
  width: 28%;
  vertical-align: top;
  }

  .stripeicons {
  display: inline-block;
  }

}


/* -- TABLET -- */
@media screen and (min-width:640px) and (max-width:1023px) {

  /*article {
    width: 59.5%;
  }*/

  aside.subnav-right {
    margin-left: 3.5%;
  }

  .stripe {
    padding-left: 20px;
    padding-right: 20px;
  }

  .stripe > .desktop {
    display: none;
  }

  /*.featured-stripe-image {
    width: 80%;
  }*/

  /*.media-container-half,
  .stripe-col-half {
    width: 100%;
    margin-bottom: 20px;
  }*/

  .text-call-out p, h2.first {
    font-size: 36px;
  }

  .stripe p em.quote {
    font-size: 16px;
  }

  .stripe-col-third {
    width: 33%;
  }

  .stripe > .tablet {
    display: block;
  }

  .featured-post-image,
  .featured-post-description {
    width: 47%;
    float: left;
  }

  .featured-post-image {
    margin-right: 6%;
  }

  .media-container-large {
    max-width: 64%;
  }
  .media-container-small {
    width: 30%;
  }

  .media-container-small,
  .media-container-large {
    margin-bottom: 0;
  }

  .media-container-small.margin-left,
  .stripe-col-half.margin-left {
    margin-left: 4%;
  }

  .stripe-col-half.margin-right {
    margin-right: 4%;
  }

  .media-container-small.margin-right {
    margin-right: 20px;
  }

  .body h3 img {
    display: block;
    margin: 20px 0 10px 15px;
  }

  .stripe > .mobile {
    display: none;
  }

  .text-call-out {
    font-size: 26px;
  }

  .green-callout{
    float: left;
    margin-right: 0;
  }

  .green-callout,
  .grey-callout {
    width: 100%;
    display: inline;
  }

  .threecol {
  padding: 0px 36px 20px;
  display: block;
  }

  .stripeicons {
  display: inline-block;
  }

}


/* -- MOBILE -- */

@media screen and (max-width:639px) {

  p, li {
    font-size: 17px;
  }

    .green-text p {
        font-size: 24px;
        font-weight: 400;
    }

  .stripe {
    padding: 23px;
  }

  .grey-text {
    color: #555;
  }

  .featured-stripe-image {
    width: 100%;
  }

  .body .featured-stripe-image img {
    margin-top: 10px;
  }

  .body .stripe .media-container-small img {
    margin-bottom: 5px;
  }

  .stripe h3 {
    margin-bottom: 10px;

  }

  .cta-stripe img {
    width: 82%;
    display: block;
    margin: 0 auto 10px;
  }

  .body h3 img {
    margin: 15px 0 0;
    display: block;
    width: 100%;
  }

  section.body article {
    margin-bottom: 10px;
  }

  .feature-list h3 {
    margin-bottom: 0px;
  }

  .stripe__slider {
    padding: 0;
  }

  .media-container-small,
  .media-container-large,
  .stripe-col-half,
  .stripe-col-third {
    width: 100%;
    /*margin-bottom: 20px;*/
  }

  .media-container-small {
    margin-bottom: 5px;
  }

  .media-item {
      padding: 15px 0;
  }

  .media-item p:last-child {
    margin-bottom: 0;
}

  /*.stripe #subnav {
    display: none;
  }*/

  .stripe.stripe-col-half {
    margin-bottom: 0;
  }

  .stripe p em.quote {
    font-size: 16px;
  }

  .margin-left {
    margin-left: 0;
  }

  .margin-right {
    margin-right: 0;
  }

  .stripe > .tablet,
  .stripe > .desktop {
    display: none;
  }

  .stripe > .mobile {
    display: block;
  }

  .featured-post-image,
  .featured-post-description {
    width: 100%;
    float: none;
  }

  body .stripe img.small-float {
      float: right;
      margin: 0 0 10px 15px;
  }

  .stripe-col-half.text-call-out {
    margin-bottom: 0;
    margin-right: 15px;
  }

  .text-call-out {
    font-size: 1.3em;
  }

  .entry-text-with-call-out {
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 20px;
    overflow: inherit;
  }

  .grey-text.entry-text p {
    font-size: 17px;
  }

  .entry-text {
    font-size: 1em;
  }

  .green-callout,
  .grey-callout {
    float: none;
    width: 100%;
    display: block;
  }

  section.body article h3 {
    margin-bottom: 10px;
  }

  img.right {
    margin: 10px 0 10px 0;
  }

  .stripe.top-section {
    padding-top: 10px;
    padding-bottom: 15px;
  }

  .threecol {
  padding: 0px 8px 20px;
  display: block;
  }

  .stripeicons {
  display: block;
  }

  .image-float-mobile .media-container-small {
    width: 45%;
    float: right;
    margin: 0 0 10px 20px;
  }

  .testimonials .media-item {
    text-align: center;
}

.body .stripe.testimonials .media-container-small img {
    display: block;
    margin: auto;
    max-width: 180px;
}


}