.container {
    padding: 0;
    width: 947px
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .container {
        padding: 0 15px;
        width: 100%
    }
}

body #s4-ribbonrow {
    min-height: inherit
}

body #s4-workspace {
    -webkit-overflow-scrolling: touch
}

body #s4-bodyContainer {
    min-width: inherit
}

body, .ms-WPBody {
    font-family: 'Helvetica','Arial',sans-serif !important
}

.ms-webpart-zone {
    clear: both;
    display: block
}

.ms-WPBody a, .ms-WPBody a:link, .ms-WPBody a:visited {
    color: inherit
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .ms-webpartzone-cell {
        margin: 0 auto
    }
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .ms-PartSpacingVertical {
        margin: 0
    }
}

body {
    font-family: 'Helvetica','Arial',sans-serif;
    font-size: 16px
}

a, a:hover, a:link, a:visited {
    outline: none;
    text-decoration: none
}

p, .ms-rtestate-field p, p.ms-rteElement-P {
    line-height: inherit;
    margin: 0 0 15px 0
}

.page-content {
    clear: both;
    padding-top: 15px
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .page-content .left-col-container.col-xs-12 {
        width: 25%
    }

    .page-content .middle-col-container.col-xs-12 {
        width: 75%
    }
}

.title {
    color: #5c4727;
    font-family: 'Arvo',serif;
    font-size: 28px;
    font-weight: 400
}

@media screen and (min-width:320px) and (max-width:600px) {
    .title {
        font-size: 21px
    }
}

.page-title {
    color: #e85325;
    font-family: 'Arvo',serif;
    font-size: 42px;
    font-weight: normal;
    margin-bottom: 15px
}

@media screen and (min-width:320px) and (max-width:600px) {
    .page-title {
        font-size: 28px
    }
}


.btn-standard-nodisplay {
  background-color: #fcfbf1;
  color: #5c4727 !important;
  font-size: 16px;
  line-height: 41px;
  text-align: center;
  text-decoration: none;
}
    .btn-standard-nodisplay:hover {
        background-color: #5c4727;
        color: #fcfbf1 !important;
    }

.btn-standard {
    background-color: #fcfbf1;
    color: #5c4727 !important;
    display: block;
    font-size: 16px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    text-decoration: none;
    width: 139px;
}

    .btn-standard:hover {
        background-color: #5c4727;
        color: #fcfbf1 !important;
    }

.btn-white {
    background-color: #fff;
    text-decoration: none
}

    .btn-white:hover {
        color: #fff !important
    }

.btn-yellow {
    background-color: #e9b424;
    text-decoration: none
}

    .btn-yellow:hover {
        background-color: #e85325;
        color: #e9b424 !important
    }

.caption {
    color: #5c4727;
    font-size: 12px;
    font-style: italic
}

.clear {
    clear: both
}

input {
    border-radius: 0
}

    input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:hover {
        background-color: #e85325
    }

.hc-ribbon {
    background: url() no-repeat #fcfbf1;
    box-shadow: 0 3px 3px #ededed
}

@media screen and (min-width:320px) and (max-width:600px) {
    .hc-ribbon {
        height: 35px
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .hc-ribbon {
        height: 48px
    }
}

@media screen and (min-width:1025px) {
    .hc-ribbon {
        height: 57px
    }
}

.hc-ribbon .container {
    position: relative
}

.hc-ribbon .logo-aap {
    clear: none;
    float: right
}

a.btn-our-sponsors {
    background-color: #d5d3c1;
    color: #5c4727;
    display: block;
    font-family: 'Arvo',serif;
    font-weight: 400;
    float: left;
    height: 100%;
    text-transform: uppercase
}

@media screen and (min-width:601px) and (max-width:1024px) {
    a.btn-our-sponsors {
        line-height: 48px;
        margin-left: 77px;
        padding: 0 15px
    }
}

@media screen and (min-width:1025px) {
    a.btn-our-sponsors {
        line-height: 57px;
        margin-left: 57px;
        padding: 0 25px
    }
}

a.btn-our-sponsors:hover {
    background-color: #e9b424;
    color: #3b2c14
}

.greeting-registration {
    float: left;
    font-size: 10px;
    height: 57px;
    line-height: 57px;
    text-transform: uppercase
}

@media screen and (min-width:1025px) {
    .greeting-registration {
        position: absolute;
        right: 455px
    }
}

.greeting-registration div {
    line-height: 57px !important
}

.greeting-registration .registered-user {
    color: #e85325
}

    .greeting-registration .registered-user:hover {
        color: #5c4727 !important
    }

.btn-language {
    float: left;
    height: 75px;
    left: 495px;
    position: absolute;
    text-indent: -9999px;
    width: 160px
}

@media screen and (min-width:320px) and (max-width:600px) {
    .btn-language {
        left: 15px;
        width: 23%
    }
}

@media screen and (max-width:320px) {
    .btn-language {
        left: 12px;
        width: 31%
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .btn-language {
        background-size: 135px 63px;
        height: 63px;
        left: 350px;
        width: 135px
    }
}

.btn-language img {
    display: block;
    max-width: 100%
}

.logo-aap {
    background: url(../../images/AAP_Logo_1.svg) 0 0 no-repeat;
    clear: both;
    display: block;
    margin-top: 2px;
    text-indent: -9999px
}

@media screen and (min-width:320px) and (max-width:600px) {
    .logo-aap {
        background-size: 185px 30px;
        height: 30px;
        width: 185px
    }
}

@media screen and (max-width:320px) {
    .logo-aap {
        background-size: 180px 29px;
        height: 29px;
        width: 180px
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .logo-aap {
        background-size: 270px 44px;
        height: 44px;
        width: 270px
    }
}

@media screen and (min-width:1025px) {
    .logo-aap {
        background-size: 270px 44px;
        height: 44px;
        margin-top: 4px;
        width: 270px
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .aap-header .col-xs-6 {
        width: 100%
    }
}

header {
    height: 128px;
    padding-top: 30px
}

@media screen and (min-width:320px) and (max-width:1024px) {
    header {
        height: auto
    }
}

header .col-sm-6, header .col-lg-6 {
    padding: 0
}

header .logo-healthy-children-org {
    height: 82px;
    width: 382px
}

@media screen and (min-width:320px) and (max-width:600px) {
    header .logo-healthy-children-org {
        height: inherit;
        width: 80%
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    header .logo-healthy-children-org {
        width: 100%
    }
}

header .logo-healthy-children-org img {
    max-width: 100%
}

header .search-box {
    float: right;
    margin-top: 15px;
    text-align: right
}

@media screen and (min-width:320px) and (max-width:600px) {
    header .search-box {
        border: 1px solid #d3d1bc;
        width: 100%
    }
}

header .search-box .search-box-input {
    vertical-align: top
}

header .search-box input {
    margin-left: 0
}

header input[type="text"] {
    border: 1px solid #d3d1bc;
    color: #5c4727;
    height: 44px;
    text-indent: 11px
}

@media screen and (min-width:320px) and (max-width:600px) {
    header input[type="text"] {
        background-color: transparent;
        border: 0;
        float: left;
        height: 30px;
        width: 225px
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    header input[type="text"] {
        width: 207px
    }
}

@media screen and (min-width:1025px) {
    header input[type="text"] {
        width: 325px
    }
}

header .btn-search {
    background: #f9b964 url(../../images/icon-search.png) 50% 50% no-repeat;
    border-color: transparent;
    border-radius: 0;
    height: 44px;
    min-width: inherit;
    width: 44px
}

@media screen and (min-width:320px) and (max-width:600px) {
    header .btn-search {
        background: transparent url(../../images/icon-search-mobile.png) 50% 50% no-repeat;
        background-size: 19px 19px;
        height: 30px;
        width: 30px
    }
}

header .btn-search:hover {
    background-color: #e85325
}

header .img-print-hc-logo {
    display: none
}

#navigation .mobile-user-links, #navigation .btn-our-sponsors, #navigation .btn-mobile-home {
    display: none
}

.navbar {
    border-radius: 0;
    float: left;
    margin-bottom: 0;
    height: 45px;
    min-height: inherit;
    width: 100%
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .navbar {
        padding: 10px 0 0 0
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .navbar {
        height: 10px
    }
}

.navbar .dropdown-root-container {
    float: none !important;
    width: 100% !important
}

    .navbar .dropdown-root-container .dropdown-root-link-container {
        display: none
    }

.navbar li {
    position: relative
}

    .navbar li .root-mobile-link {
        display: none
    }

    .navbar li a {
        color: #5c4727;
        display: block;
        font-size: 14px;
        height: 45px;
        line-height: 45px;
        padding: 0 10px
    }

        .navbar li a span {
            display: inline-block;
            padding: 0 0 8px 0
        }

        .navbar li a:hover {
            background: none
        }

            .navbar li a:hover span {
                border-bottom: 6px solid #e85325
            }

.navbar .navbar-collapse {
    padding: 0
}

.navbar .btn-shop-aap {
    background: url(../../images/btn-shop-aap.jpg) 0 0 no-repeat;
    display: block;
    height: 30px;
    text-indent: -9999px;
    width: 122px
}

    .navbar .btn-shop-aap:hover {
        background: url(../../images/btn-shop-aap.jpg) 0 0 no-repeat;
        border: none
    }

.mobile-menu {
    float: right
}

@media screen and (min-width:320px) and (max-width:600px) {
    .mobile-menu {
        margin-top: -94px
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .mobile-menu {
        display: block
    }
}

@media screen and (min-width:1025px) {
    .mobile-menu {
        display: none
    }
}

.mobile-menu .btn-mobile-menu {
    display: block
}

.menu-title, .menu-icon {
    float: left
}

.menu-title {
    font-family: 'Arvo',serif;
    font-size: 16px;
    margin-right: 15px;
    text-transform: uppercase
}

@media screen and (min-width:320px) and (max-width:600px) {
    .menu-title {
        display: none
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .navbar-collapse.collapse {
        display: none !important
    }
}

@media screen and (min-width:1025px) {
    .navbar-collapse.collapse {
        display: block !important
    }
}

.nav-dropdown {
    background-color: #fff;
    box-shadow: 0 0 2px #d5d3c1;
    display: none;
    left: 0;
    padding: 15px;
    position: absolute;
    top: 45px;
    z-index: 9999
}

    .nav-dropdown ul {
        float: left;
        margin: 0;
        padding: 0;
        min-width: 200px
    }

    .nav-dropdown li {
        font-size: 12px;
        height: inherit;
        list-style: none;
        padding: 3px 0
    }

        .nav-dropdown li a {
            font-size: 14px;
            height: inherit !important;
            line-height: inherit !important
        }

            .nav-dropdown li a:hover {
                border: none;
                color: #e85325
            }

.icon-bar {
    background-color: #5c4727;
    display: block;
    height: 4px;
    margin-bottom: 4px;
    width: 33px
}

.sidr {
    background-color: #fefff1;
    box-shadow: 5px 1px 20px #5c4727;
    color: #5c4727;
    display: none;
    height: 100%;
    overflow-x: none;
    overflow-y: auto;
    position: absolute;
    position: fixed;
    top: 0;
    width: 260px;
    z-index: 999999
}

@media screen and (min-width:320px) and (max-width:600px) {
    .sidr {
        width: 225px
    }
}

.sidr .sidr-class-root-desktop-link {
    display: none
}

.sidr .sidr-inner {
    padding: 0 0 25px
}

.sidr.right {
    left: auto;
    right: -260px
}

@media screen and (min-width:320px) and (max-width:600px) {
    .sidr.right {
        right: -225px
    }
}

.sidr.left {
    left: -260px;
    right: auto
}

.sidr .sidr-class-mobile-user-links a {
    display: inline;
    float: none;
    width: inherit
}

.sidr-class-mobile-user-links {
    font-size: 10px;
    padding: 10px 25px;
    text-transform: uppercase
}

    .sidr-class-mobile-user-links a {
        color: #000
    }

.sidr-class-btn-mobile-home a {
    background: url(../../images/logo-nav.png) 25px 15px no-repeat;
    background-size: 27px 37px;
    border-top: 1px solid #d5d3c1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #e85325;
    display: block;
    font-size: 16px;
    height: 70px;
    line-height: 74px;
    padding: 0 15px 0 64px;
    text-transform: uppercase;
    width: 100%
}

a.sidr-class-btn-our-sponsors {
    background-color: #e9b424;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #5c4727;
    display: block;
    font-family: 'Arvo',serif;
    font-weight: 400;
    float: left;
    line-height: 57px;
    min-height: 57px;
    padding-left: 25px;
    text-transform: uppercase;
    width: 100%
}

    a.sidr-class-btn-our-sponsors:hover {
        background-color: #e9b424;
        color: #3b2c14
    }

.sidr-class-mobile-nav-extra {
    clear: both
}

    .sidr-class-mobile-nav-extra .sidr-class-extra-pic {
        background: #fcfbf1 url(../../images/bg-mobile-nav-woman.jpg) right bottom no-repeat;
        background-size: 30px 50px;
        border-bottom: 1px solid #d5d3c1;
        border-top: 1px solid #d5d3c1;
        height: 60px
    }

        .sidr-class-mobile-nav-extra .sidr-class-extra-pic .sidr-class-mobile-fap-link {
            line-height: 60px;
            display: inline-block;
            padding: 0 25px
        }

.sidr-class-mobile-nav-search {
    border-bottom: 1px solid #b4a997;
    float: left;
    margin: 0 10%;
    padding-top: 15px;
    width: 80%
}

    .sidr-class-mobile-nav-search input {
        border: 0;
        float: left;
        height: 28px;
        width: 75%
    }

    .sidr-class-mobile-nav-search .sidr-class-btn-search {
        background: url("../../images/icon-search-mobile.png") 50% 50% no-repeat;
        background-color: transparent;
        background-size: 19px 19px;
        border: none;
        float: right;
        height: 30px;
        margin: 0;
        min-width: 0;
        padding: 0;
        width: 30px
    }

.sidr ul {
    margin: 0;
    padding: 0
}

.sidr ul, .sidr li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    display: block;
    float: left;
    width: 100%
}

    .sidr ul li {
        border-bottom: 1px solid #b4a997
    }

        .sidr ul li a {
            color: #5c4727;
            height: 48px;
            line-height: 48px;
            padding: 0 25px;
            text-decoration: none
        }

            .sidr ul li a:hover {
                color: #e85325
            }

.sidr a {
    color: #5c4727;
    float: left
}

.sidr .sidr-class-nav-dropdown {
    background-color: #fcfbf1;
    border-top: 1px solid #b4a997;
    display: none;
    float: left;
    width: 100%
}

    .sidr .sidr-class-nav-dropdown a {
        height: inherit;
        line-height: 25px;
        min-height: 25px !important
    }

.item-has-children {
    position: relative
}

    .item-has-children > span {
        background: url(../../images/arrow-mobile-nav.png) 0 0 no-repeat;
        background-size: 16px 28px;
        display: block;
        height: 9px;
        margin-top: -4px;
        position: absolute;
        right: 20px;
        top: 24px;
        width: 16px
    }

.sidr .sidr-class-dropdown-root-link-container {
    overflow: auto;
    padding: 0 0 10px
}

    .sidr .sidr-class-dropdown-root-link-container a {
        font-weight: bold
    }

li.item-has-children:hover > span {
    background-position: 0 -9px
}

li.item-has-children.nav-active-container span {
    background-position: 0 -9px
}

li.item-has-children.open-dropdown span {
    background-position: 0 -18px
}

.sidr ul ul li {
    border-bottom: none;
    padding: 5px 15px
}

.flexslider {
    background-color: #000;
    clear: both;
    -ms-touch-action: auto;
    touch-action: auto
}

    .flexslider .slides > li {
    }

    .flexslider .container {
    }

@media screen and (min-width:320px) and (max-width:1024px) {
    .flexslider .container {
        padding: 0
    }
}

.flexslider .slides img {
}

@media screen and (min-width:1025px) {
    .flexslider .slides .banner-mobile {
        display: none
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .flexslider .slides .banner-mobile {
        display: none
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .flexslider .slides .banner-mobile {
        display: block
    }
}

@media screen and (min-width:1025px) {
    .flexslider .slides .banner-desktop {
        display: block
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .flexslider .slides .banner-desktop {
        display: block
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .flexslider .slides .banner-desktop {
        display: none
    }
}

.jumbotron-banner {
    background-color: #fff;
    height: 90px;
    opacity: .9;
    padding: 15px 25px 0 25px;
    position: relative;
    right: 0
}

@media screen and (min-width:320px) and (max-width:600px) {
    .jumbotron-banner {
        height: 78px
    }
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .jumbotron-banner {
        bottom: 0;
        width: 100%
    }
}

@media screen and (min-width:1025px) {
    .jumbotron-banner {
        bottom: 70px;
        width: auto;
        position: absolute
    }
}

.jumbotron-banner .title {
    font-size: 36px;
    margin-bottom: 5px;
    text-align: right
}

@media screen and (min-width:320px) and (max-width:600px) {
    .jumbotron-banner .title {
        font-size: 16px;
        line-height: 21px
    }
}

@media screen and (max-width:320px) {
    .jumbotron-banner .title {
        font-size: 16px;
        line-height: 16px
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .jumbotron-banner .title {
        font-size: 28px;
        line-height: 28px;
        width: 80%
    }
}

.jumbotron-banner .title a {
    text-decoration: none
}

.jumbotron-banner .description {
    color: #5c4727;
    font-size: 16px;
    text-align: right
}

@media screen and (max-width:320px) {
    .jumbotron-banner .description {
        font-size: 14px
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .jumbotron-banner .description {
        width: 80%
    }
}

.jumbotron-banner .btn-read-more {
    background-color: #f9b964;
    bottom: -42px;
    display: block;
    float: right;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    padding: 0 25px;
    position: absolute;
    right: 0
}

    .jumbotron-banner .btn-read-more:hover {
        background-color: #e85325;
        color: #f9b964 !important
    }

@media screen and (min-width:320px) and (max-width:600px) {
    .jumbotron-banner .btn-read-more {
        display: none
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .jumbotron-banner .btn-read-more {
        bottom: 24px;
        right: 30px
    }
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .flex-direction-nav {
        display: none
    }
}

@media screen and (min-width:1025px) {
    .flex-direction-nav {
        display: block
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .flex-control-nav {
        bottom: 90px
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .flex-control-nav {
        bottom: 110px
    }
}

@media screen and (min-width:1025px) {
    .flex-control-nav {
        bottom: 15px
    }
}

.flex-control-paging li a:hover {
    background: #e9b424
}

.flex-control-paging li a.flex-active {
    background: #fff;
    cursor: default
}

.ages-and-stages {
    margin: 5px 0 30px 0
}

    .ages-and-stages .ages-stages-listing-container {
        display: table;
        margin: 0 auto
    }

@media screen and (min-width:320px) and (max-width:600px) {
    .ages-and-stages .ages-stages-listing-container {
        width: inherit
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .ages-and-stages .ages-stages-listing-container {
        width: inherit
    }
}

.ages-and-stages ul {
    margin: 0;
    padding: 10px 0 0 0
}

@media screen and (min-width:320px) and (max-width:600px) {
    .ages-and-stages ul {
        margin: 0 -3%
    }
}

.ages-and-stages li {
    float: left;
    height: 141px;
    list-style: none
}

@media screen and (min-width:320px) and (max-width:600px) {
    .ages-and-stages li {
        margin: 0 3% 3% 3%;
        width: 44%
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .ages-and-stages li {
        margin: 0 1% 2% 1%;
        width: 23%
    }
}

@media screen and (min-width:1025px) {
    .ages-and-stages li {
        margin: 0 3px;
        width: 129px
    }
}

.ages-and-stages li a {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

    .ages-and-stages li a .img-block {
        background-position: center bottom;
        background-repeat: no-repeat;
        display: block;
        height: 87px;
        width: 100%
    }

    .ages-and-stages li a:hover .img-block {
        margin-top: -14px
    }

    .ages-and-stages li a.as-prenatal .img-block {
        background-image: url(../../images/as-prenatal.png)
    }

    .ages-and-stages li a.as-baby .img-block {
        background-image: url(../../images/as-baby.png)
    }

    .ages-and-stages li a.as-toddler .img-block {
        background-image: url(../../images/as-toddler.png)
    }

    .ages-and-stages li a.as-preschool .img-block {
        background-image: url(../../images/as-preschool.png)
    }

    .ages-and-stages li a.as-gradeschool .img-block {
        background-image: url(../../images/as-gradeschool.png)
    }

    .ages-and-stages li a.as-teen .img-block {
        background-image: url(../../images/as-teen.png)
    }

    .ages-and-stages li a.as-young-adult .img-block {
        background-image: url(../../images/as-young-adult.png)
    }

    .ages-and-stages li a .title {
        background-color: #fcfbf1;
        background-position: right bottom;
        background-repeat: no-repeat;
        border-top: 6px solid #aec736;
        bottom: 0;
        display: block;
        font-size: 16px;
        height: 56px;
        line-height: 49px;
        min-height: 49px;
        position: absolute;
        text-align: center;
        width: 100%
    }

    .ages-and-stages li a.as-prenatal:hover .title {
        background-image: url(../../images/as-hover-prenatal.png)
    }

    .ages-and-stages li a.as-baby:hover .title {
        background-image: url(../../images/as-hover-baby.png)
    }

    .ages-and-stages li a.as-toddler:hover .title {
        background-image: url(../../images/as-hover-toddler.png)
    }

    .ages-and-stages li a.as-preschool:hover .title {
        background-image: url(../../images/as-hover-preschool.png)
    }

    .ages-and-stages li a.as-gradeschool:hover .title {
        background-image: url(../../images/as-hover-gradeschool.png)
    }

    .ages-and-stages li a.as-teen:hover .title {
        background-image: url(../../images/as-hover-teen.png)
    }

    .ages-and-stages li a.as-young-adult:hover .title {
        background-image: url(../../images/as-hover-young-adult.png)
    }

    .ages-and-stages li a:hover {
        height: 155px
    }

        .ages-and-stages li a:hover .title {
            border-color: #e9b424;
            height: 70px
        }

.proud-sponsors {
    box-shadow: 0 3px 1px #f6f6f6,0 -3px 1px #f6f6f6;
    min-height: 90px;
    padding: 17px 0
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .proud-sponsors {
        min-height: inherit
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .proud-sponsors .col-xs-6 {
        width: 100%
    }
}

@media screen and (min-width:1025px) {
    .proud-sponsors .img-responsive-mobile {
        display: none
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .proud-sponsors .img-responsive-mobile {
        display: none
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .proud-sponsors .img-responsive-mobile {
        display: block
    }
}

@media screen and (min-width:1025px) {
    .proud-sponsors .img-responsive {
        display: block
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .proud-sponsors .img-responsive {
        display: block
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .proud-sponsors .img-responsive {
        display: none
    }
}

.btn-my-gerber {
    display: block;
    width: 100%
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .btn-my-gerber {
        height: inherit
    }
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .btn-my-gerber img {
        width: 100%
    }
}

.personalize {
    margin-top: 30px
}

.personalize-your-experience, .find-a-pediatrician, .personalize-your-experience-logged-in {
    font-size: 12px;
    min-height: 300px;
    padding: 30px 25px
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .personalize-your-experience, .find-a-pediatrician, .personalize-your-experience-logged-in {
        min-height: 390px
    }
}

.personalize-your-experience .title, .find-a-pediatrician .title, .personalize-your-experience-logged-in .title {
    margin-bottom: 30px
}

.personalize-your-experience .sub-title, .find-a-pediatrician .sub-title, .personalize-your-experience-logged-in .sub-title {
    font-size: 15px;
    margin-bottom: 15px
}

@media screen and (min-width:320px) and (max-width:600px) {
    .personalize-your-experience .sub-title, .find-a-pediatrician .sub-title, .personalize-your-experience-logged-in .sub-title {
        font-size: 16px;
        margin-bottom: 10px
    }
}

.personalize-your-experience .btn-white, .find-a-pediatrician .btn-white, .personalize-your-experience-logged-in .btn-white, .personalize-your-experience .btn-yellow, .find-a-pediatrician .btn-yellow, .personalize-your-experience-logged-in .btn-yellow {
    margin: 15px 0
}

.personalize-your-experience {
    background-color: #e9b424
}

    .personalize-your-experience p {
        margin-bottom: 15px
    }

.find-a-pediatrician {
    background: #fcfbf1 url(../../images/bg-find-pediatrician.jpg) right bottom no-repeat;
    border-top: 9px solid #e9b424
}

    .find-a-pediatrician .caption {
        display: block;
        width: 65%
    }

.find-pediatrician-input {
    border: 1px solid #e9b424;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    width: 221px
}

@media screen and (min-width:320px) and (max-width:600px) {
    .find-pediatrician-input {
        width: 160px
    }
}

.personalize-your-experience-logged-in {
    background-color: #fcfbf1;
    border-top: 9px solid #e9b424;
    font-size: 12px;
    min-height: 300px;
    padding: 30px 25px 10px 25px
}

    .personalize-your-experience-logged-in .title {
        margin-bottom: 10px
    }

    .personalize-your-experience-logged-in .personalize-your-experience-icons {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        .personalize-your-experience-logged-in .personalize-your-experience-icons .icon {
            display: inline-block;
            padding: 0 5px 0 0
        }

            .personalize-your-experience-logged-in .personalize-your-experience-icons .icon:last-child {
                padding: 0
            }

            .personalize-your-experience-logged-in .personalize-your-experience-icons .icon a {
                background-attachment: scroll;
                background-clip: border-box;
                background-color: transparent;
                background-origin: padding-box;
                background-position: 0 -7px;
                background-repeat: no-repeat;
                display: inline-block;
                text-decoration: none;
                width: 19px;
                height: 43px;
                border-bottom: 5px solid white
            }

                .personalize-your-experience-logged-in .personalize-your-experience-icons .icon a.active {
                    background-position: 0 -38px !important;
                    border-bottom: 5px solid #e85325
                }

        .personalize-your-experience-logged-in .personalize-your-experience-icons .story-title {
            display: inline-block
        }

@media screen and (min-width:320px) and (max-width:600px) {
    .personalize-your-experience-logged-in .personalize-your-experience-icons .story-title {
        display: block
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .personalize-your-experience-logged-in .personalize-your-experience-icons .story-title {
        display: block
    }
}

.personalize-your-experience-logged-in .personalize-your-experience-icons .story-title .text-container {
    display: table;
    height: 38px;
    padding: 0 0 0 10px
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .personalize-your-experience-logged-in .personalize-your-experience-icons .story-title .text-container {
        width: 100%
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .personalize-your-experience-logged-in .personalize-your-experience-icons .story-title .text-container {
        width: 100%
    }
}

.personalize-your-experience-logged-in .personalize-your-experience-icons .story-title .text-container .current-story-title-text {
    display: table-cell;
    font-family: 'Arvo',serif;
    font-size: 15px;
    font-weight: 400;
    vertical-align: middle
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .personalize-your-experience-logged-in .personalize-your-experience-icons .story-title .text-container .current-story-title-text {
        text-align: center
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .personalize-your-experience-logged-in .personalize-your-experience-icons .story-title .text-container .current-story-title-text {
        text-align: center
    }
}

.personalize-your-experience-logged-in #personalize-your-experience-slider .slides {
    text-align: center
}

    .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .child-stories, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .prenatal-stories, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .no-child-stories {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .child-stories li, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .prenatal-stories li, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .no-child-stories li {
            display: inline-block;
            height: 126px;
            margin: 0 5px 0 0;
            position: relative;
            width: 170px
        }

            .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .child-stories li:first-child, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .prenatal-stories li:first-child, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .no-child-stories li:first-child {
                margin: 0 5px 0 0
            }

@media screen and (min-width:601px) and (max-width:1024px) {
    .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .child-stories li:first-child, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .prenatal-stories li:first-child, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .no-child-stories li:first-child {
        margin: 0
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .child-stories li:first-child, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .prenatal-stories li:first-child, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .no-child-stories li:first-child {
        margin: 0
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .child-stories li:last-child, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .prenatal-stories li:last-child, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .no-child-stories li:last-child {
        margin: 10px 0 0 0
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .child-stories li:last-child, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .prenatal-stories li:last-child, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .no-child-stories li:last-child {
        margin: 10px 0 0 0
    }
}

.personalize-your-experience-logged-in #personalize-your-experience-slider .slides .child-stories li img, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .prenatal-stories li img, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .no-child-stories li img {
    height: 126px;
    vertical-align: inherit;
    width: 170px
}

.personalize-your-experience-logged-in #personalize-your-experience-slider .slides .child-stories li .bg-overlay, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .prenatal-stories li .bg-overlay, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .no-child-stories li .bg-overlay {
    background-color: #aec736;
    bottom: 0;
    height: 50px;
    left: 0;
    opacity: .8;
    position: absolute;
    width: 100%
}

    .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .child-stories li .bg-overlay.full-size, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .prenatal-stories li .bg-overlay.full-size, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .no-child-stories li .bg-overlay.full-size {
        height: 126px
    }

.personalize-your-experience-logged-in #personalize-your-experience-slider .slides .child-stories li .title-block, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .prenatal-stories li .title-block, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .no-child-stories li .title-block {
    bottom: 0;
    color: #fff;
    font-family: 'Helvetica','Arial',sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    min-height: 59px;
    padding: 10px 15px;
    position: absolute;
    text-align: center;
    width: 100%
}

    .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .child-stories li .title-block.full-size, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .prenatal-stories li .title-block.full-size, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .no-child-stories li .title-block.full-size {
        height: 126px
    }

    .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .child-stories li .title-block a, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .prenatal-stories li .title-block a, .personalize-your-experience-logged-in #personalize-your-experience-slider .slides .no-child-stories li .title-block a {
        text-decoration: none
    }

.personalize-your-experience-logged-in #personalize-your-experience-slider .flex-direction-nav {
}

@media screen and (min-width:320px) and (max-width:600px) {
    .personalize-your-experience-logged-in #personalize-your-experience-slider .flex-direction-nav {
        display: block
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .personalize-your-experience-logged-in #personalize-your-experience-slider .flex-direction-nav {
        display: block
    }
}

.personalize-your-experience-logged-in #personalize-your-experience-slider .flex-direction-nav .flex-prev {
    background: url(/_catalogs/masterpage/assets/images/personalize-arrow-left.png) no-repeat scroll 0 0 transparent;
    height: 126px;
    left: 40px;
    margin-top: -11px
}

.personalize-your-experience-logged-in #personalize-your-experience-slider .flex-direction-nav .flex-next {
    background: url(/_catalogs/masterpage/assets/images/personalize-arrow-right.png) no-repeat scroll 0 0 transparent;
    height: 126px;
    margin-top: -11px;
    right: 10px
}

.personalize-your-experience-logged-in #personalize-your-experience-slider .flex-direction-nav .flex-disabled {
    cursor: pointer;
    opacity: 1 !important
}

.personalize-your-experience-logged-in .update-family-container {
    font-family: 'Arvo',serif;
    padding: 10px 0 0 0;
    text-align: right
}

    .personalize-your-experience-logged-in .update-family-container a {
        color: #e85325;
        text-decoration: none
    }

.quick-links {
    margin-top: 30px
}

    .quick-links .container {
        border-top: 9px solid #aec736
    }

    .quick-links .title {
        margin: 25px 0
    }

    .quick-links .quick-links-listing-container {
        display: table;
        margin: 0 auto
    }

@media screen and (min-width:320px) and (max-width:600px) {
    .quick-links .quick-links-listing-container {
        width: inherit
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .quick-links .quick-links-listing-container {
        width: inherit
    }
}

.quick-links ul {
    margin: 0;
    padding: 0
}

.quick-links li {
    float: left;
    height: 144px;
    list-style: none;
    overflow: hidden
}

@media screen and (min-width:320px) and (max-width:600px) {
    .quick-links li {
        margin: 0 3% 3% 3%;
        width: 44%
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .quick-links li {
        margin: 0 1% 2% 1%;
        width: 23%
    }
}

@media screen and (min-width:1025px) {
    .quick-links li {
        margin: 0 3px;
        width: 129px
    }
}

.quick-links li a {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.quick-links li .ql-img {
    position: absolute;
    width: 100%
}

.quick-links li .ql-overlay {
    background-color: #aec736;
    bottom: 0;
    height: 59px;
    left: 0;
    opacity: .8;
    position: absolute;
    width: 100%;
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -o-transition: height .5s ease;
    -ms-transition: height .5s ease;
    transition: height .5s ease
}

.quick-links li:hover .ql-overlay {
    height: 100%
}

.quick-links li .title-block {
    bottom: 0;
    color: #fff;
    font-family: 'Arvo',serif;
    font-size: 16px;
    font-weight: 400;
    min-height: 59px;
    line-height: 19px;
    padding: 10px 15px;
    position: absolute;
    text-align: center;
    width: 100%
}

.proud-sponsors {
    box-shadow: 0 -3px 1px #ededed;
    margin-top: 30px;
    padding-top: 30px
}

    .proud-sponsors h5 {
        color: #4c4c4c;
        float: left;
        font-family: 'Helvetica','Arial',sans-serif;
        font-size: 21px;
        font-weight: normal
    }

    .proud-sponsors .btn-all-sponsors {
        color: #e85325 !important;
        float: right;
        font-size: 12px
    }

@media screen and (min-width:320px) and (max-width:600px) {
    .proud-sponsors .btn-all-sponsors {
        padding: 10px 0 0 0
    }
}

.proud-sponsors ul.sponsors-list {
    clear: both;
    float: left;
    margin: 15px 0 0 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .proud-sponsors ul.sponsors-list {
        margin-left: -4%
    }
}

.proud-sponsors ul.sponsors-list li {
    float: left;
    list-style: none;
    margin: 0 0 20px 0;
    position: relative;
    width: 225px;
    padding: 5px;
}

@media screen and (min-width:320px) and (max-width:600px) {
    .proud-sponsors ul.sponsors-list li {
        float: none;
        margin: 5px auto
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .proud-sponsors ul.sponsors-list li {
        margin: 0 0 2% 4%
    }
}

.proud-sponsors ul.sponsors-list li .sponsor-image {
    height: 0;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    position: inherit
}

.proud-sponsors ul.sponsors-list li .teaser {
    font-size: 12px;
    padding: 20px
}

.proud-sponsors ul.sponsors-list li img {
    position: absolute;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.5s ease-in-out;
}

.proud-sponsors ul.sponsors-list li:hover img {
    width: 110%;
}

.middle-col-container .proud-sponsors .container {
    width: inherit
}

.middle-bottom-wpz .proud-sponsors {
    box-shadow: none;
    padding-top: 0
}

.find-us {
    padding: 10px 15px
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .find-us {
        float: left;
        width: 100%
    }
}

@media screen and (min-width:1025px) {
    .find-us {
        background-color: #fcfbf1;
        box-shadow: 0 0 5px #b4a997;
        position: absolute;
        right: 0;
        top: 42%
    }
}

.find-us .title {
    border-bottom: 1px solid #b4a997;
    border-top: 1px solid #b4a997;
    color: #b4a997;
    display: block;
    font-family: 'Helvetica','Arial',sans-serif;
    font-size: 10px;
    margin: 0 -5px 10px -5px;
    padding: 8px 0 6px 0;
    text-transform: uppercase
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .find-us .title {
        margin: inherit;
        margin-bottom: 30px
    }
}

ul.social-networks {
    margin: 0;
    padding: 0
}

@media screen and (min-width:320px) and (max-width:1024px) {
    ul.social-networks {
        margin-left: -4%
    }
}

ul.social-networks li {
    list-style: none;
    margin-bottom: 10px
}

@media screen and (min-width:320px) and (max-width:1024px) {
    ul.social-networks li {
        background: red;
        float: left;
        margin-left: 4%;
        width: 21%
    }
}

@media screen and (min-width:1025px) {
    ul.social-networks li {
        clear: both
    }
}

ul.social-networks a {
    background-image: url(../../images/sprite-social-networks.png);
    height: 30px;
    display: block;
    text-indent: -9999px;
    width: 30px
}

.hc-footer {
    background-color: #fcfbf1;
    box-shadow: 0 3px 1px #ededed,0 -3px 1px #ededed;
    clear: both;
    min-height: 250px
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .hc-footer {
        box-shadow: none
    }
}

.hc-footer .btn-language {
    float: right;
    margin-right: 40px;
    position: inherit
}

@media screen and (min-width:320px) and (max-width:600px) {
    .hc-footer .btn-language {
        position: relative;
        left: 0;
        right: 0;
        padding: 0;
        margin: 0
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .hc-footer .logo-aap {
        float: left;
        margin: 10px 0 0;
        position: absolute;
        top: 0
    }
}

.footer-top, .footer-middle, .footer-bottom {
    float: left;
    width: 100%
}

.footer-top {
    border-bottom: 1px solid #5c4727;
    padding-bottom: 25px
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .footer-top {
        position: relative
    }
}

.donate {
    background: url(../../images/footer-toddler.png) center 0 no-repeat;
    float: left;
    margin-top: 25px;
    padding-top: 67px
}

@media screen and (min-width:1025px) {
    .donate {
        background-size: 80px 67px
    }
}

.btn-donate {
    text-transform: capitalize
}

.footer-nav {
    float: left;
    margin: 102px 0 0 16px;
    padding: 0
}

@media screen and (min-width:320px) and (max-width:600px) {
    .footer-nav {
        margin: 80px 0 0 0
    }
}

.footer-nav li {
    font-size: 14px;
    display: inline;
    list-style: none;
    margin: 0 6px
}

@media screen and (min-width:320px) and (max-width:600px) {
    .footer-nav li {
        clear: both;
        float: left;
        font-size: 12px;
        margin-top: 5px
    }
}

.footer-nav a, .footer-nav a:link, .footer-nav a:visited {
    color: #5c4727;
    font-weight: normal
}

    .footer-nav a:hover {
        color: #e85325 !important
    }

.footer-right {
    float: right;
    min-width: 275px
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .footer-right {
        position: absolute;
        top: 0
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .footer-right {
        left: 0;
        width: 100%
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .footer-right {
        right: 0;
        width: 415px
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .footer-right .btn-language {
        left: 5px
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .footer-right .btn-language {
        left: 0
    }
}

.footer .logo-aap {
    float: right;
    margin-top: 15px
}

.footer-bottom {
    padding: 25px 0
}

.footer-copyright {
    float: right;
    font-size: 10px
}

@media screen and (min-width:1025px) {
    .left-col-container {
        margin: 25px 0 0 0
    }
}

.rail-left {
    margin-bottom: 30px;
    margin-left: 0;
    width: 100%
}

@media screen and (min-width:320px) and (max-width:600px) {
    .rail-left {
        display: none
    }
}

.rail-left-title {
    color: #aec736;
    font-family: 'Arvo',serif;
    font-size: 21px;
    margin-bottom: 10px
}

@media screen and (min-width:320px) and (max-width:600px) {
    .rail-left-title {
        display: none
    }
}

.vertical-nav-header-top, .vertical-nav-header {
    display: none
}

.vertical-navigation {
    background: none;
    border: 0;
    padding: 0;
    width: 100%
}

.landing-banner {
    margin-bottom: 25px
}

    .landing-banner img {
        width: 100%
    }

@media screen and (min-width:1025px) {
    .landing-banner img:last-child {
        display: none
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .landing-banner img:last-child {
        display: none
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .landing-banner img:last-child {
        display: block
    }
}

@media screen and (min-width:1025px) {
    .landing-banner img:first-child {
        display: block
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .landing-banner img:first-child {
        display: block
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .landing-banner img:first-child {
        display: none
    }
}

.middle-col-container .layout-content {
    padding: 0 0 10px 0
}

.layout-content h1, .layout-content h2 {
    color: #5c4727;
    font-weight: normal
}

.layout-content h3 {
    color: #e85325;
    font-weight: normal
}

@media screen and (min-width:1025px) {
    .article-image .img-mobile-responsive {
        display: none
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .article-image .img-mobile-responsive {
        display: none
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .article-image .img-mobile-responsive {
        display: block
    }
}

@media screen and (min-width:1025px) {
    .article-image .img-desktop-responsive {
        display: block
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .article-image .img-desktop-responsive {
        display: block
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .article-image .img-desktop-responsive {
        display: none
    }
}

.landing-title-container {
    float: left;
    width: 100%
}

    .landing-title-container .landing-title {
        color: #5c4727;
        float: left;
        font-family: 'Arvo',serif;
        font-size: 28px;
        margin-bottom: 5px
    }

@media screen and (min-width:320px) and (max-width:600px) {
    .landing-title-container .landing-title {
        max-width: 70%
    }
}

.landing-title-container .landing-title-img {
    float: left;
    margin-left: 25px
}

.landing-featured-articles {
    background-color: #fcfbf1;
    margin: 5px 0 30px 0;
    padding: 25px
}

    .landing-featured-articles .title {
        font-size: 21px;
        margin-bottom: 10px
    }

    .landing-featured-articles ul {
        margin: 0;
        padding: 0
    }

    .landing-featured-articles li {
        border-bottom: 1px solid #f3eadd;
        list-style: none;
        padding: 15px 0
    }

        .landing-featured-articles li a {
            color: #4c4c4c;
            font-size: 16px
        }

            .landing-featured-articles li a:hover {
                text-decoration: underline
            }

.see-all-articles {
    background-color: #fcfbf1;
    color: #5c4727 !important;
    font-size: 16px;
    line-height: 41px;
    text-align: center;
    background: #e9b424;
    display: inline-block;
    min-height: 41px;
    margin-top: 20px;
    min-width: 139px;
    padding: 0 10px;
    text-decoration: none
}

    .see-all-articles:hover {
        background-color: #5c4727;
        color: #fcfbf1 !important
    }

    .see-all-articles:hover {
        background-color: #e85325;
        color: #e9b424 !important
    }

.vertical-navigation a.ms-navheader {
    color: #5c4727;
    font-family: 'Helvetica','Arial',sans-serif;
    font-size: 16px;
    margin: 4px 0 9px 0;
    padding: 0
}

.vertical-navigation .ms-navitem td {
    font-family: 'Helvetica','Arial',sans-serif;
    padding: 0 12px 8px 12px
}

.vertical-navigation .ms-navitem a:link, .vertical-navigation .ms-navitem a:active, .vertical-navigation .ms-navitem a:visited {
    color: #5c4727 !important;
    font-size: 12px !important;
    font-weight: normal
}

.vertical-navigation .ms-selectednavheader {
    background-color: inherit
}

.vertical-navigation table.ms-selectednavheader a.ms-selectednavheader {
    position: relative
}

    .vertical-navigation table.ms-selectednavheader a.ms-selectednavheader::before {
        content: url("/_catalogs/masterpage/assets/images/left-nav-active.png");
        display: inline-block !important;
        margin: -1px -2px 0 -15px;
        padding: 0 5px 0 0;
        z-index: 1
    }

.vertical-navigation table.ms-selectednav {
    background-color: transparent !important
}

    .vertical-navigation table.ms-selectednav a.ms-selectednav::before {
        content: url("/_catalogs/masterpage/assets/images/left-nav-active.png");
        display: inline-block !important;
        margin: 0 2px 0 -15px;
        padding: 0 3px 0 0;
        z-index: 1
    }

@media screen and (min-width:320px) and (max-width:600px) {
    .tablet-desktop-sponsors {
        display: none
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .tablet-desktop-sponsors {
        display: block
    }
}

@media screen and (min-width:1025px) {
    .tablet-desktop-sponsors {
        display: block
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .mobile-sponsors {
        display: block
    }
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .mobile-sponsors {
        display: none
    }
}

@media screen and (min-width:1025px) {
    .mobile-sponsors {
        display: none
    }
}

.site-sponsor {
    clear: both;
    display: block;
    margin-bottom: 30px;
    min-height: 150px;
    width: 100%
}

    .site-sponsor img {
        margin: 0 auto;
        max-width: 100%
    }

.breadcrumbs {
    font-family: 'Helvetica','Arial',sans-serif;
    font-size: 12px;
    margin-bottom: 20px
}

    .breadcrumbs .menu-icon {
        display: none;
    }

@media screen and (min-width:320px) and (max-width:1024px) {
    .breadcrumbs {
        /*display: none*/
        line-height: 21px;
    }

        .breadcrumbs .menu-icon {
            display: block;
        }
}

.article-page .page-section {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase
}

.article-page .page-title {
    color: #5c4727;
    font-size: 28px
}

.article-page .article-image {
    border: none;
    clear: both;
    float: right;
    margin: 0 0 15px 15px;
    width: auto
}

    .article-page .article-image img {
        width: auto
    }

@media screen and (min-width:601px) and (max-width:1024px) {
    .article-page .article-image img {
        width: 100%
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .article-page .article-image img {
        width: 100%
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .article-page .article-image {
        margin: 0 0 15px 0
    }
}

.article-page #read_content h1, .article-page #read_content h2, .article-page #read_content h3, .article-page #read_content h4, .article-page #read_content h5, .article-page #read_content h6, .article-page #read_content a, .article-page #read_content p, .article-page #read_content ul, .article-page #read_content ol, .article-page #read_content span {
    font-family: 'Arvo',serif
}

.article-page #read_content h1, .article-page #read_content h2 {
    color: #5c4727;
    font-weight: normal
}

.article-page #read_content h3 {
    color: #e85325;
    font-weight: normal
}

.article-page .fontScalerWrapper h1 {
    font-size: 200% !important
}

.article-page .fontScalerWrapper h2 {
    font-size: 170% !important
}

.article-page .fontScalerWrapper h3 {
    font-size: 145% !important
}

.article-page .fontScalerWrapper h4 {
    font-size: 125% !important
}

.article-social-left {
    float: left
}

    .article-social-left .rsbtn, .article-social-left .spanish-version {
        float: left
    }

    .article-social-left .spanish-version {
        color: #5c4727;
        font-size: 12px;
        font-weight: 600;
        margin-top: 6px;
        padding-left: 25px
    }

        .article-social-left .spanish-version:hover {
            text-decoration: underline
        }

    .article-social-left .rsbtn .rsbtn_left .rsbtn_text {
        background: none;
        color: #5c4727;
        font-family: 'Helvetica','Arial',sans-serif;
        line-height: 16px;
        margin: 7px 10px 3px 0;
        padding-left: 10px;
        text-transform: uppercase
    }

    .article-social-left .rsbtn .rsimg, .article-social-left #rslightbox_logo.rsimg, .article-social-left .rsbtn a.rsimg {
        background-image: url(../../images/rs_button.png)
    }

.article-social-right {
    float: right;
    font-size: 10px;
    font-weight: 600;
    padding-top: 6px
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .article-social-right {
        clear: both;
        float: left;
        font-size: 14px
    }
}

.article-social-right #font-scaler-container, .article-social-right .text-size, .article-social-right .fontScaler, .article-social-right .email-print, .article-social-right .addthis_toolbox {
    float: left
}

.article-social-right .text-size {
    margin-right: 4px
}

.article-social-right .fontScaler {
    font-size: 12px
}

    .article-social-right .fontScaler a {
        color: #5c4727;
        padding: 0 3px
    }

@media screen and (min-width:320px) and (max-width:1024px) {
    .article-social-right #font-scaler-container {
        display: none
    }
}

.article-social-right .addthis_toolbox {
    margin-top: -8px
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .article-social-right .addthis_toolbox {
        margin-top: -5px
    }
}

.article-social-container {
    clear: both;
    float: left;
    margin-bottom: 25px;
    width: 100%
}

.email-print {
    margin: 0;
    padding: 0
}

@media screen and (min-width:1025px) {
    .email-print {
        margin: 0 0 0 15px
    }
}

.email-print li {
    border-right: 1px solid #d3d1bc;
    display: inline;
    list-style: none;
    padding: 0 5px;
    text-transform: uppercase
}

@media screen and (min-width:320px) and (max-width:600px) {
    .email-print li {
        padding: 0 3px
    }
}

.email-print a {
    color: #5c4727
}

.email-print .add-this-title {
    border: none;
    color: #e85325
}

.addthis_toolbox .custom_images a {
    display: block;
    float: left;
    height: 26px;
    margin-left: 5px;
    width: 27px
}

    .addthis_toolbox .custom_images a img {
        max-height: 100%;
        max-width: 100%
    }

.addthis_toolbox a {
    overflow: hidden;
    width: 24px !important;
    height: 24px !important;
}

.addthis_toolbox a img {
    width: 48px;
    height: 24px;
    max-width: none !important;
    padding: 0;
    margin: 0;
    display: block;
}

.addthis_toolbox a img:hover {
    position: relative;
    right: 100%;
    cursor: pointer;
}

.related-articles {
    background-color: #fcfbf1;
    border-top: 6px solid #aec736;
    clear: both;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    overflow: auto
}

    .related-articles .title {
        padding: 0 0 0 15px
    }

.related-articles-list {
    margin: 25px 15px 0 15px;
    padding: 0
}

    .related-articles-list li {
        border-bottom: 1px solid #fff;
        float: left;
        list-style: none;
        margin-bottom: 15px;
        padding: 0 0 15px 0;
        width: 100%
    }

@media screen and (min-width:320px) and (max-width:600px) {
    .related-articles-list li a {
        text-decoration: none
    }
}

.related-articles-list li a .related-article-info .title {
    padding: 0
}

.related-articles-list .related-article-img {
    padding: 0 10px 0 0;
    text-align: center
}

@media screen and (min-width:320px) and (max-width:600px) {
    .related-articles-list .related-article-img {
        width: 100%
    }
}

.related-articles-list .related-article-img img {
    max-width: 225px
}

@media screen and (min-width:320px) and (max-width:600px) {
    .related-articles-list .related-article-img img {
        max-width: inherit;
        width: 100%
    }
}

.related-articles-list .related-article-info {
}

    .related-articles-list .related-article-info .title {
        font-family: 'Helvetica','Arial',sans-serif;
        font-size: 21px
    }

@media screen and (min-width:320px) and (max-width:600px) {
    .related-articles-list .related-article-info .title {
        font-size: 16px
    }
}

.related-articles-list .related-article-info .description {
    font-family: 'Helvetica','Arial',sans-serif;
    font-size: 14px;
    line-height: inherit;
    margin-top: 10px
}

@media screen and (min-width:320px) and (max-width:600px) {
    .related-articles-list .related-article-info .description {
        font-size: 12px
    }
}

.related-articles-list .related-article-info .btn-view {
    background-color: #e9b424
}

@media screen and (min-width:320px) and (max-width:600px) {
    .related-articles-list .related-article-info .btn-view {
        margin-top: 15px
    }
}

@media screen and (min-width:1025px) {
    .related-articles-list .related-article-info .btn-view {
        bottom: 15px;
        left: 250px;
        position: absolute
    }
}

.articles {
    clear: both
}

    .articles ul {
        margin: 0;
        padding: 0
    }

    .articles li {
        border-top: 1px solid #d3d1bc;
        list-style: none
    }

        .articles li:first-child {
            border: 0
        }

    .articles a {
        color: #4c4c4c;
        display: block;
        height: 100%;
        padding: 10px;
        width: 100%
    }

        .articles a:hover {
            background-color: #fcfbf1
        }

.icon-audio, .icon-video {
    color: #4c4c4c;
    display: inline-block;
    font-size: 12px;
    height: 23px;
    line-height: 24px;
    margin: 0 0 -2px 25px;
    padding-left: 30px;
    text-transform: uppercase;
    width: 23px
}

.icon-audio {
    background: url(../../images/icon-audio.png) 0 0 no-repeat
}

.icon-video {
    background: url(../../images/icon-video.png) 0 0 no-repeat
}

#s4-workspace .primary-content * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

    #s4-workspace .primary-content *:before, #s4-workspace .primary-content *:after {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

@media screen and (min-width:320px) and (max-width:600px) {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding: 0
    }
}

.featured-article-container {
    background-color: #fcfbf1;
    border-top: 9px solid #aec736;
    min-height: 200px
}

@media screen and (min-width:320px) and (max-width:600px) {
    .featured-article-container {
        margin: 20px 0 0 0
    }
}

.featured-article-container .featured-article {
    padding: 15px 12px
}

.featured-article-container .featured-article-wp-title {
    color: #5c4727;
    font-family: "Arvo",serif;
    font-size: 28px;
    margin-bottom: 5px
}

.featured-article-container .featured-article-info {
    padding: 10px 0 0 0
}

.featured-article-container .featured-article-image-container {
    text-align: center
}

    .featured-article-container .featured-article-image-container img {
        max-width: 250px;
        max-height: 142px
    }

.featured-article-container .featured-article-title {
    font-size: 18px;
    padding: 0 0 5px 0
}

.featured-article-container .featured-article-btn {
    background-color: #fcfbf1;
    color: #5c4727 !important;
    display: block;
    font-size: 16px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    text-decoration: none;
    width: 139px;
    background: #e9b424
}

    .featured-article-container .featured-article-btn:hover {
        background-color: #5c4727;
        color: #fcfbf1 !important
    }

@media screen and (min-width:320px) and (max-width:600px) {
    .article-rollup-container {
        margin: 20px 0 0 0
    }
}

.article-rollup-container .article-rollup-wp-title {
    color: #5c4727;
    font-family: 'Arvo',serif;
    font-size: 28px;
    margin-bottom: 5px
}

.article-rollup-container .article-rollup-item-container {
    padding: 0 0 0 5px
}

    .article-rollup-container .article-rollup-item-container .article-rollup {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        .article-rollup-container .article-rollup-item-container .article-rollup li a {
            border-bottom: 1px solid #d3d1bc;
            display: block;
            padding: 10px 0;
            text-decoration: none
        }

            .article-rollup-container .article-rollup-item-container .article-rollup li a:hover {
                background-color: #fcfbf1
            }

            .article-rollup-container .article-rollup-item-container .article-rollup li a .article-title {
                color: #564d39;
                display: inline-block;
                font-family: 'Arvo',serif;
                font-size: 16px;
                margin-bottom: 0;
                padding: 0 0 0 5px;
                width: inherit
            }

            .article-rollup-container .article-rollup-item-container .article-rollup li a .article-icon {
                display: inline-block;
                height: 23px;
                margin: 0 0 0 10px;
                width: 23px
            }

                .article-rollup-container .article-rollup-item-container .article-rollup li a .article-icon img {
                    margin: 0 0 5px 0
                }

            .article-rollup-container .article-rollup-item-container .article-rollup li a .article-icon-text {
                font-family: 'Arvo',serif;
                font-size: 12px;
                font-weight: bold
            }

.article-rollup-container .article-rollup-pager {
    padding: 15px 0 0 5px
}

    .article-rollup-container .article-rollup-pager a {
        display: inline-block;
        font-weight: bold;
        font-size: 16px;
        margin: 0 10px 0 0;
        min-width: 15px;
        text-align: center;
        text-decoration: none
    }

        .article-rollup-container .article-rollup-pager a.active {
            border-bottom: 4px solid #e85325;
            color: #e85325
        }

.landing-listings-container .landing-listing {
    margin: 10px 0
}

    .landing-listings-container .landing-listing p {
        font-size: 16px;
        line-height: 20px
    }

.tab-listing-container {
    padding: 10px 0 0 0
}

    .tab-listing-container .listing-tabs {
        border-bottom: 10px solid #fcfbf1;
        list-style-type: none;
        margin: -10px 0 0;
        padding: 0;
        position: relative
    }

        .tab-listing-container .listing-tabs li {
            display: inline-block;
            padding: 0;
            position: relative;
            top: 10px;
            width: 90px
        }

            .tab-listing-container .listing-tabs li a {
                display: inline-block;
                padding: 0 0 10px;
                text-decoration: none
            }

                .tab-listing-container .listing-tabs li a.active {
                    border-bottom: 10px solid #aec736
                }

                .tab-listing-container .listing-tabs li a span {
                    color: #5c4727;
                    font-family: 'Arvo',serif;
                    font-size: 14px
                }

    .tab-listing-container .tabs-listing-info-container {
        padding: 20px 0 0 0
    }

        .tab-listing-container .tabs-listing-info-container .tab-listing-title {
            font-family: 'Arvo',serif;
            font-size: 27px
        }

        .tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container {
            padding: 20px 0 0 0
        }

@media screen and (min-width:601px) and (max-width:1024px) {
    .tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container .tab-listing-milestone {
        margin: 20px 0 0 0
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container .tab-listing-milestone {
        margin: 20px 0 0 0
    }
}

.tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container .tab-listing-milestone .milestone-image-container {
    height: 100%;
    position: relative;
    width: 100%
}

@media screen and (min-width:320px) and (max-width:600px) {
    .tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container .tab-listing-milestone .milestone-image-container {
        margin: 0 auto;
        width: 200px
    }
}

.tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container .tab-listing-milestone .milestone-image-container img {
    height: 100%;
    width: 100%
}

.tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container .tab-listing-milestone .milestone-image-container .bg-overlay {
    background-color: #aec736;
    bottom: 0;
    height: 59px;
    left: 0;
    opacity: .8;
    position: absolute;
    width: 100%
}

.tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container .tab-listing-milestone .milestone-image-container .milestone-title {
    bottom: 0;
    color: #fff;
    font-family: 'Arvo',serif;
    font-size: 16px;
    font-weight: 400;
    left: 0;
    min-height: 59px;
    padding: 15px;
    position: absolute;
    text-align: center;
    width: 100%
}

@media screen and (min-width:320px) and (max-width:600px) {
    .tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container .tab-listing-milestone .milestone-list-container {
        margin: 0 auto;
        width: 200px
    }
}

.tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container .tab-listing-milestone .milestone-list-container .milestone-list-info {
    height: 60px;
    overflow: hidden
}

    .tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container .tab-listing-milestone .milestone-list-container .milestone-list-info.see-all-info {
        height: inherit;
        overflow: auto
    }

    .tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container .tab-listing-milestone .milestone-list-container .milestone-list-info ul {
        margin: 10px 0 0 0;
        padding: 0 0 0 10px
    }

        .tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container .tab-listing-milestone .milestone-list-container .milestone-list-info ul li {
            padding: 0 0 10px 0
        }

.tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container .tab-listing-milestone .milestone-list-container .milestone-info-see-more {
    background-color: #fcfbf1;
    color: #5c4727 !important;
    display: block;
    font-size: 16px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    text-decoration: none;
    width: 139px;
    background: #e9b424;
    margin: 10px 0 0 0
}

    .tab-listing-container .tabs-listing-info-container .tab-listing-milestone-container .tab-listing-milestone .milestone-list-container .milestone-info-see-more:hover {
        background-color: #5c4727;
        color: #fcfbf1 !important
    }

.tab-listing-container .tabs-listing-info-container .tab-articles-container {
    padding: 35px 0 0 0
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .site-main {
        width: 100%
    }
}

@media screen and (min-width:1025px) {
    .site-main {
        width: 945px
    }
}

@media screen and (min-width:320px) and (max-width:1024px) {
    .primary-content {
        width: 100%
    }
}

@media screen and (min-width:1025px) {
    .primary-content {
        width: 990px
    }
}

.primary-content .rail-left {
    margin: 0 20px 0 0;
    width: 159px
}

.primary-content .content-center {
    margin: 0
}

.primary-content .content-right {
    padding: 0 0 0 20px;
    width: auto
}

    .primary-content .content-right .site-search, .primary-content .content-right .old-related-info {
        display: none
    }

.old-related-info {
    display: none
}

@media screen and (min-width:320px) and (max-width:600px) {
    #prs-page.content-left {
        float: none;
        width: inherit
    }

        #prs-page.content-left .bread-crumb {
            padding: 0 15px
        }

        #prs-page.content-left .page-section-header {
            height: inherit;
            padding: 0 15px
        }

            #prs-page.content-left .page-section-header h1 {
                float: none
            }

        #prs-page.content-left .prs-page-content {
            padding: 0 15px
        }
}

.symptom-tool-panes {
    font-size: 12px
}

    .symptom-tool-panes #symptom-tool-directions h3 {
        font-weight: bold
    }

    .symptom-tool-panes .letter-section h4 {
        font-weight: bold
    }

.symptom-list {
    font-size: 12px
}

#body-part-modal-container h3 {
    font-weight: bold
}

.content-center:not(.registration) {
    font-size: 12px
}

#half-home .half-nav {
    width: auto
}

#prs-page header {
    height: auto
}

.alphabet-links-container .title {
    margin: 0 0 15px 0
}

.alphabet-links-container .alphabet-filter {
    padding: 0 0 30px 0
}

@media screen and (min-width:601px) and (max-width:1024px) {
    .alphabet-links-container .alphabet-filter {
        display: none
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .alphabet-links-container .alphabet-filter {
        display: none
    }
}

.alphabet-links-container .alphabet-filter .letter-anchors {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .alphabet-links-container .alphabet-filter .letter-anchors li {
        font-size: 16px;
        font-weight: bold;
        display: inline-block;
        padding: 0 6px 0 0
    }

        .alphabet-links-container .alphabet-filter .letter-anchors li span {
            color: #e85325
        }

.alphabet-links-container .alphabet-links .links-left {
    padding-left: 0
}

.alphabet-links-container .alphabet-links .links-right {
    padding-right: 0
}

.alphabet-links-container .alphabet-links .letter h4, .alphabet-links-container .alphabet-links .links-no-filter h4 {
    font-size: 14px
}

.alphabet-links-container .alphabet-links .letter ul, .alphabet-links-container .alphabet-links .links-no-filter ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .alphabet-links-container .alphabet-links .letter ul li, .alphabet-links-container .alphabet-links .links-no-filter ul li {
        padding: 3px 0 0 0
    }

        .alphabet-links-container .alphabet-links .letter ul li a, .alphabet-links-container .alphabet-links .links-no-filter ul li a {
            font-size: 12px
        }

.alphabet-links-container .alphabet-links .letter .back-to-top, .alphabet-links-container .alphabet-links .links-no-filter .back-to-top {
    font-size: 12px;
    font-weight: bold;
    padding-top: 10px
}

.left-col-container .promo-rollup-container .widget-right {
    width: inherit
}

    .left-col-container .promo-rollup-container .widget-right a {
        display: block
    }

        .left-col-container .promo-rollup-container .widget-right a img {
            width: 180px
        }

.middle-col-container .mobile-sponsors {
    margin: 20px 0 0 0;
    text-align: center;
    width: 100%
}

    .middle-col-container .mobile-sponsors .widget-right {
        width: inherit
    }

        .middle-col-container .mobile-sponsors .widget-right img {
            width: inherit
        }

    .middle-col-container .mobile-sponsors .page-sponsors-block a {
        display: inline
    }

    .middle-col-container .mobile-sponsors h2 {
        color: #5c4727
    }

    .middle-col-container .mobile-sponsors h3 {
        color: #e85325
    }

.hc-alert-container {
    padding: 10px 0 0 0
}

    .hc-alert-container .container {
        background-color: #e85325;
        min-height: 90px
    }

        .hc-alert-container .container .alert-container {
            color: #fcfbf1;
            overflow: auto;
            padding: 20px
        }

            .hc-alert-container .container .alert-container .alert-icon {
                text-align: center
            }

                .hc-alert-container .container .alert-container .alert-icon .fa-exclamation-circle {
                    font-size: 48px;
                    display: inline-block
                }

.wpz-matrix ul#Actions {
    list-style: none;
}

    .wpz-matrix ul#Actions select {
        font-size: 1.5em;
    }

    .wpz-matrix ul#Actions:before {
        content: "Sort by ";
        font-size: 1.5em;
        position: relative;
        top: 3px;
    }

.wpz-matrix #ResultHeader,
.wpz-matrix .ms-srch-result {
    margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
    #list-body-parts {
        display: block !important;
    }

    .symptom-tool-tabs {
        width: 100%;
        position: static;
        float: none !important;
        height: auto !important;
    }

        .symptom-tool-tabs > li {
            display: block;
            width: 100%;
        }

            .symptom-tool-tabs > li a {
                display: block;
                width: 100%;
                padding: 15px 8px !important;
                box-sizing: border-box !important;
                height: auto !important;
            }

    .symptom-tool-panes {
        width: 100% !important;
    }

    .symptom-summary-image {
        display: none !important;
    }

    .symptom-tool-pane {
        margin: 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    .symptom-tool-panes {
        border: none !important;
    }

    .symptom-summary-content {
        float: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .symptom-tool-pane ul {
        box-sizing: border-box !important;
    }

    .symptom-tool-pane li {
        width: 100% !important;
    }

    .symptom-tool-pane p {
        width: 100% !important;
        box-sizing: border-box !important;
    }

        .symptom-tool-pane p img {
            max-width: 100% !important;
            height: auto !important;
        }

    .content-left {
        width: 100% !important;
    }

    #symptom-checker-page .right {
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    #symptom-checker-page #body,
    #symptom-checker-page .skin-symptom {
        display: none;
    }

    #symptom-tool-directions {
        display: none !important;
    }

    #list-body-parts div {
        position: static !important;
        width: auto;
        height: auto;
    }

        #list-body-parts div.body-trigger {
            background: none !important;
            padding: 10px 0;
        }

        #list-body-parts div.list-container {
            display: none;
        }

    .body-part-boy,
    #boy-skin {
        display: none !important;
    }

    .jScrollPaneContainer {
        height: auto !important;
        width: 100% !important;
    }

        .jScrollPaneContainer > div {
            position: static !important;
        }

        .jScrollPaneContainer > a {
            display: none !important;
        }

    #symptom-checker-page .az-pane {
        height: auto !important;
    }

    .letter-anchors {
        display: none !important;
    }

    #simplemodal-container {
        top: 35px !important;
        bottom: 35px !important;
        border: none !important;
        height: auto !important;
        overflow-y: auto;
    }

    .symptom-list {
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

        .symptom-list a {
            display: block !important;
            padding: 5px 0;
        }

        .symptom-list ul {
            margin: 0 !important;
            box-sizing: border-box;
        }

    #body-part-modal-container {
        width: 100% !important;
        padding: 15px !important;
        box-sizing: border-box;
    }

    .jScrollPaneTrack {
        display: none !important;
    }
}
/**/

/* Overrides for 3rd level of navigation */

ul.sidr-class-dropdown-root-grandchild-container > li {
    padding: 0 !important;
}

ul.sidr-class-dropdown-root-grandchild-container a {
    display: block !important;
    padding: 5px 0 5px 35px !important;
    font-size: 0.9em;
}

@media screen and (min-width: 1024px) {
    .navbar .dropdown-root-container .dropdown-root-grandchild-container a {
        display: none;
    }
}

.menu-more {
    line-height: 22px;
    display: inline-block;
    margin-right: 25px;
    color: rgb(232, 83, 37);
    font-family: Arvo, serif;
    font-size: 1.2em;
    font-weight: normal;
    cursor: pointer;
    padding: 10px 10px 10px 5px;
    ;
    border: 1px solid rgba(232,83,37, 0.7);
    border-radius: 5px;
}

    .menu-more, .menu-more * {
        transition: all 0.5s ease-in-out;
    }

        .menu-more:hover {
            background-color: rgb(232,83,37);
            color: white;
        }

            .menu-more:hover .menu-icon.crumb .icon-bar {
                background-color: white;
            }

.menu-icon.crumb {
    padding: 0 10px 0 5px;
    cursor: pointer;
}

    .menu-icon.crumb .icon-bar {
        background-color: rgb(232, 83, 37);
        display: block;
        height: 5px;
        margin-bottom: 3px;
        width: 5px;
        border-radius: 50%;
    }

        .menu-icon.crumb .icon-bar:last-child {
            margin-bottom: 0;
        }

.breadcrumb-trail {
    display: none;
}

@media screen and (min-width: 601px) {
    .menu-more {
        display: none;
    }

    .breadcrumb-trail {
        display: block;
    }
}

#sidr-sidenav .sidr-inner {
    padding: 15px;
}

#sidr-sidenav .sidr-class-title {
    margin-bottom: 10px;
    font-size: 1.1em;
    font-weight: bold;
    font-family: Arvo, serif;
    color: rgb(232, 83, 37);
}

#sidr-sidenav a {
    display: block;
    padding: 10px 0;
}

    #sidr-sidenav a:hover {
        color: rgb(232, 83, 37);
    }

#sidr-sidenav .sidr-class-ms-navheader {
    font-weight: bold;
}

#sidr-sidenav .sidr-class-ms-navitem {
    padding-left: 15px;
}