.family-experiences-header-wrapper {
    position: relative;
    margin-top: 70px;
    margin-bottom: 70px;
    background: #f6f6f6;
}

.family-experiences-header-wrapper body.section-newborn-screening #page-title.has-parent {
    margin-top: 70px;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
}

.family-experiences-header-wrapper .background {
    background: url(../images/IntroPatterns-Stripes-Condition.png) repeat scroll center bottom #ececec;
}

.col-1 .share-btn {
    text-align: left;
}

.view-family-experiences-landing .view-header {
    font-size: 14px;
    margin-bottom: 20px;
}

.view-family-experiences-landing #edit-field-experience-cond-reference-nid-wrapper {
    padding-right: 40px;
}

.view-family-experiences-landing .view-header span {
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 15px;
}

.view-family-experiences-landing .view-header a {
    text-decoration: underline;
    font-style: italic;
}

.view-family-experiences-landing .view-filters {
    margin-bottom: 40px;
}

.view-family-experiences-landing .view-filters .views-reset-button {
    display: none;
}

.view-family-experiences-landing .views-row {
    margin-bottom: 40px;
    width: 31%;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
}

.view-family-experiences-landing .view-footer {
    font-size: 32px;
    margin-bottom: 20px;
}

.view-family-experiences-landing .views-row.featured {
    width: 100%;
    display: flex;
    background: #fff
}

.view-family-experiences-landing .views-row.featured .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 60px;
    background: #fff;
}

.view-family-experiences-landing .views-row.featured .card-body .experience-card.card-title {
    font-size: 40px;
}

.view-family-experiences-landing .views-row.featured .card-body .experience-card.card-title, .view-family-experiences-landing .views-row.featured .card-body .experience-card.card-summary, .view-family-experiences-landing .views-row.featured .card-body .experience-card.card-topics {
    padding-left: 0;
}

.view-family-experiences-landing .views-row.featured .views-field-field-featured-image {
    width: 40%;
    min-width: 300px;
}

.view-family-experiences-landing .views-row.featured .views-field-field-featured-image img, .view-family-experiences-landing .views-row.featured .views-field-field-featured-image iframe {
    width: 100%;
    height: auto;
}

.view-family-experiences-landing .views-row:not(.featured) img, .view-family-experiences-landing .views-row:not(.featured) iframe {
    height: auto;
    width: 100%;
}

.view-family-experiences-landing .views-row .views-field {
    font-size: 14px;
}

.view-family-experiences-landing .views-row .views-field-field-featured-image {
    padding: 0;
}

.view-family-experiences-landing .views-row .card-body {
    font-size: 14px;
    background: #fff;
}

.view-family-experiences-landing .views-row .card-body:first-child .experience-card.card-title {
    background: #279d93;
    color: white;
    margin-bottom: 35px;
    padding: 40px;
}

.view-family-experiences-landing .views-row:nth-of-type(2n+0) .card-body:first-child .experience-card.card-title {
    background: #3b8f95;
}
.view-family-experiences-landing .views-row:nth-of-type(3n+0) .card-body:first-child .experience-card.card-title {
    background: #62baad;
}

.view-family-experiences-landing .views-row .card-body:first-child .experience-card.card-title:hover {
    background: #422c19;
    color: white;
}

.view-family-experiences-landing .views-row .card-body .experience-card {
    padding: 40px;
    font-size: 14px;
}

.view-family-experiences-landing .views-row .card-body .experience-card.card-title {
    font-size: 26px;
    padding: 40px 40px 10px 40px;
    display: block;
    color: #422c19;
}

.view-family-experiences-landing .views-row .card-body .experience-card.card-title:hover,
.view-family-experiences-landing .views-row.featured .card-body .experience-card.card-title:hover
{
    color: #1d7b87;
}

.view-family-experiences-landing .views-row .card-body .experience-card.card-summary {
    padding: 0 40px;
}

.view-family-experiences-landing .views-row.featured .card-body .experience-card.card-title {
    color: #279d93;
    font-size: 40px;
}

.view-family-experiences-landing .views-row.featured .card-body .experience-card.card-summary {
    font-size: 18px;
}

.view-family-experiences-landing .views-row .card-body .experience-card.card-topics {
    font-style: italic;
}

.grid-sizer {
    width: 31%;
}

.gutter-sizer {
    width: 3.5%;
}

.node-family-experience .family-experience-media {
    margin-bottom: 35px;
}

.node-family-experience .field-name-body {
    margin-bottom: 30px;
}

.node-family-experience .family-experience-condition-more-info {
    background: #fff;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
    padding:40px;
    font-size: 18px;
}

.node-family-experience .family-experience-condition-more-info .family-experience-condition-link-title{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}


div.term-links {
    font-size: 18px;
    line-height: 24px;
}

div.term-links .field-label {
    text-transform: uppercase;
    font-weight: bold;
}

div.family-experience-topic {
    margin-bottom: 15px;
}

div.family-experience-condition {
    margin-bottom: 40px;
}

.submit-your-story-node input:not([type='checkbox']):not([type='file']):not([type='submit']), .submit-your-story-node textarea {
    color: #57ccc2;
    font-size: 15px;
    font-weight: bold;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    border-radius: 0;
}

.submit-your-story-node input:not([type='checkbox']):not([type='file']):not([type='submit']) {
    height: 48px;
    width: 460px;
    padding: 0 13px;
    margin: 0px 0 10px;
    line-height: 34px;
}


.submit-your-story-node input[type='checkbox'] {
    height: 20px;
    width: 20px;
    border: 1px solid;
    margin-right: 10px;
    background: white;
    color: white;
    border-color: #422c19;
    line-height: 15px;
    cursor: pointer;
}

.submit-your-story-node input[type='checkbox'].checked {
    background: url(../images/checkmark.png);
    background-size: 75% 75%;
    background-repeat: no-repeat;
    background-position: 2px 2px;
}



.submit-your-story-node input:not([type='checkbox'])::placeholder,  .submit-your-story-node textarea::placeholder {
    color:#57ccc2
}

.submit-your-story-node textarea::placeholder {
    padding-top: 13px;
}

.submit-your-story-node #edit-submitted-upload-a-family-photo-ajax-wrapper .form-item {
    height: 60px;
    width: 460px;
    padding: 10px 13px;
    margin: 0 0 10px;
    line-height: 34px;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    border-radius: 0;
}

.submit-your-story-node #edit-submitted-upload-a-family-photo-ajax-wrapper .description {
    display: none;
}

.submit-your-story-node #edit-submitted-upload-a-family-photo-ajax-wrapper label {
    color: #57ccc2;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

.submit-your-story-node #edit-submitted-upload-a-family-photo-ajax-wrapper input[type='file'] {
    font-size: 12px;
    box-shadow: none;
}

.submit-your-story-node #edit-submitted-upload-a-family-photo-ajax-wrapper input[type='submit']{
    display: none;
}

.submit-your-story-node .webform-component--submit-anonymously {
    height: 100px;
    width: 460px;
    padding: 10px 13px;
    margin: 0 0 10px;
    line-height: 34px;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
}

.submit-your-story-node .webform-component--submit-anonymously label{
    display: block;
    color: #57ccc2;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    text-align: left;
    line-height: 21px;
}

.submit-your-story-node .webform-component--submit-anonymously .description {
    display: inline-block;
    font-size: 15px;
    max-width: calc(100% - 40px);
    line-height: 21px;
    margin-top: 7px;
}

.submit-your-story-node .webform-component--accept {
    align-items: center;
    display:flex;
}

.submit-your-story-node .webform-component--accept .description {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.submit-your-story-node .webform-component--terms-of-acceptance p {
    font-size: 15px;
    line-height: 21px;
    margin-top: 7px;
    font-style: italic;
    margin-bottom: 0;
    padding-top: 0;
}

.submit-your-story-node .webform-submit.button-primary {
    background: #57ccc3;
    padding: 15px 20px;
    margin-right: 19px;
    margin-bottom: 20px;
}

.node-type-family-experience #block-webform-client-block-497,
.node-type-family-experience #block-webform-client-block-496,
.page-node-564 #block-webform-client-block-497,
.page-node-564 #block-webform-client-block-496
{
    margin-left: 0;
    padding-top: 20px;
    margin-top: 30px;
    width: 100%;
}


@media only screen and (max-width: 900px) {
    .gutter-sizer {
        width: 5%;
    }
    .grid-sizer, .view-family-experiences-landing .views-row {
        width: 47.5%;
    }

    body.not-front.page-node-564 #layout > article section {
        margin-bottom: 0;
    }
    .family-experiences-header-wrapper {
        margin-bottom: 35px;
    }
}
@media only screen and (max-width: 750px) {

    .view-family-experiences-landing .views-row.featured .card-body {
        margin-left: 20px
    }
    .view-family-experiences-landing .views-row.featured .card-body .experience-card.card-topics {
        padding-top: 0;
    }
    .view-family-experiences-landing .views-row.featured .card-body .experience-card.card-summary {
        padding-right: 20px;
    }
}
@media only screen and (max-width: 500px) {
    .view-family-experiences-landing .views-row.featured {
        width: 100%;
        display: flex;
        background: #fff;
        flex-direction: column;
    }
    .view-family-experiences-landing .views-row.featured .views-field-field-featured-image {
        width: 100%;
    }

    .view-family-experiences-landing .views-row.featured .card-body {
        margin-left: 0;
        padding: 20px;
    }
    .gutter-sizer {
        width: 0;
    }
    .grid-sizer, .view-family-experiences-landing .views-row {
        width: 100%;
    }
    .view-family-experiences-landing .views-row.featured .card-body .experience-card.card-topics {
        padding-bottom: 0;
    }
    .views-widget-filter-field_related_topics_tid {
        width: 100%;
        margin-top: 10px;
    }
    .view-family-experiences-landing #edit-field-experience-cond-reference-nid-wrapper {
        width: 100%;
        padding-right: 0;
        margin-top: 10px;
    }
}