/*!
	Theme Name: National Suicide Prevention Lifeline
	Description: National Suicide Prevention Lifeline Theme
	Version: 1.0.0
	Author: National Suicide Prevention Lifeline
	Author URI: http://www.suicidepreventionlifeline.org
*/
* {
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

*,*:before,*:after {
    box-sizing: border-box
}

h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,form,fieldset,legend,table,th,td,caption,hr {
    margin: 0;
    padding: 0
}

abbr[title],dfn[title] {
    cursor: help
}

u,ins {
    text-decoration: none
}

ins {
    border-bottom: 1px solid
}

img {
    font-style: italic;
    max-width: 100%;
    max-height: 100%
}

a img {
    border: none
}

label,input,textarea,button,select,option {
    cursor: pointer
}

.text-input:active,.text-input:focus,textarea:active,textarea:focus {
    cursor: text;
    outline: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,kbd,pre,samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.primary {
    color: #F1F2F2
}

.black {
    color: #212121
}

.white {
    color: #fff
}

.light-blue {
    color: #3660E3
}

.icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 36px;
    height: 36px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 36px
}

.social-icon {
    background-image: url("assets/icons/social-icons.png");
    height: 36px;
    width: 36px;
    background-size: auto 72px;
    border: 2px solid #3660E3;
    margin: .5em 0
}

.social-icon:hover {
    background-color: #3660E3
}

.social-icon sup {
    display: none !important
}

.social-icon--facebook {
    background-position: 0px 0px
}

.social-icon--facebook:hover {
    background-position: 0px -36px
}

.social-icon--twitter {
    background-position: -36px 0px
}

.social-icon--twitter:hover {
    background-position: -36px -36px
}

.social-icon--youtube {
    background-position: -72px 0px
}

.social-icon--youtube:hover {
    background-position: -72px -36px
}

.social-icon--tumblr {
    background-position: -108px 0px
}

.social-icon--tumblr:hover {
    background-position: -108px -36px
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Catamaran', sans-serif;
    display: block;
    margin: 0;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

div,p,a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

h1 {
    font-size: 30px;
    font-weight: 900;
    line-height: 35px
}

@media screen and (min-width: 720px) {
    h1 {
        font-size:50px;
        line-height: 55px
    }
}

h2 {
    font-size: 28px;
    font-weight: 900;
    line-height: 30px
}

@media screen and (min-width: 720px) {
    h2 {
        font-size:44px;
        line-height: 55px
    }
}

h3 {
    font-size: 25px;
    font-weight: 900;
    line-height: 30px;
    color: #18322E
}

@media screen and (min-width: 720px) {
    h3 {
        font-size:30px;
        line-height: 40px
    }
}

h4 {
    font-size: 20px;
    font-weight: bolder;
    line-height: 25px;
    color: #18322E
}

@media screen and (min-width: 720px) {
    h4 {
        font-size:22px;
        line-height: 30px
    }
}

h5 {
    font-size: 18px;
    line-height: 25px
}

@media screen and (min-width: 720px) {
    h5 {
        font-size:20px;
        line-height: 25px
    }
}

a {
    font-family: 'Catamaran', sans-serif
}

a:focus {
    outline: 1px dotted #333 !important
}

p,ul,ol,label {
    font-family: 'Catamaran', sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    color: #18322E
}

@media screen and (min-width: 720px) {
    p,ul,ol,label {
        font-size:20px;
        line-height: 25px
    }
}

p a,ul a,ol a,label a {
    color: #3660E3
}

p a:hover,ul a:hover,ol a:hover,label a:hover {
    color: #1427AC
}

ul,ol {
    margin-left: 20px
}

li {
    margin-bottom: 0.5em
}

label {
    display: block
}

label span {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 40px)
}

.label-block {
    display: block;
    font-weight: 800;
    font-size: 18px
}

p.large {
    font-size: 20px;
    line-height: 30px
}

@media screen and (min-width: 720px) {
    p.large {
        font-size:22px
    }
}

.intro p {
    font-size: 22px;
    line-height: 30px;
    clear: both;
    margin-bottom: 20px
}

@media screen and (min-width: 1024px) {
    .intro p {
        font-size:25px
    }
}

p.featured-text {
    padding: 20px 0
}

.number {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #18322E;
    font-family: 'Catamaran', sans-serif
}

p.Footer_disclaimer {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #4c4c4c
}

a {
    outline: none
}

a:focus {
    outline: none
}

.currentEvent {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold
}

.struggle {
    font-size: 22px;
    line-height: 25px;
    font-weight: regular
}

.label {
    font-size: 18px;
    font-weight: bolder;
    line-height: 25px
}

.text-link {
    display: block;
    color: #3660E3;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 900;
    margin-bottom: 10px
}

.text-link:hover {
    color: #1427AC
}

.card-header {
    font-weight: 900;
    margin-bottom: 10px
}

.card-header--white {
    color: #fff
}

.card-text {
    margin-bottom: 20px
}

.card-text--white {
    color: #fff
}

html,body {
    width: 100%;
    overflow-x: hidden
}

.skip-to-content {
    display: inline-block;
    position: absolute;
    z-index: 1000;
    background-color: #FFF;
    margin: 1em;
    height: 0;
    overflow: hidden
}

.skip-to-content:focus {
    height: auto;
    padding: 1em
}

.form-field {
    display: block;
    margin-bottom: 20px
}

.glide {
    position: relative;
    width: 100%;
    height: 100%
}

.glide__wrapper {
    overflow: hidden
}

.glide__track {
    position: relative;
    width: 100%;
    height: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -ms-touch-action: pan-Y;
    touch-action: pan-Y;
    overflow: hidden;
    margin: 0
}

.glide__track.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide__slide {
    width: 100%;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide__arrow {
    cursor: pointer
}

.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide--slider .glide__slide {
    float: left;
    clear: none
}

.glide--carousel.glide--vertical .glide__track {
    overflow: visible
}

.glide--carousel .glide__slide {
    float: left;
    clear: none
}

.glide--slideshow .glide__wrapper {
    height: 100%
}

.glide--slideshow .glide__slide {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.glide--slideshow .glide__slide.active {
    z-index: 1
}

.grid {
    display: block;
    font-size: 0;
    margin-left: -20px
}

@media screen and (min-width: 720px) {
    .grid {
        margin-left:-30px
    }
}

.grid__item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 20px;
    font-size: 16px
}

@media screen and (min-width: 720px) {
    .grid__item {
        padding-left:30px
    }
}

.grid__item--middle {
    vertical-align: middle
}

@media screen and (min-width: 720px) {
    .grid--no-resize {
        margin-left:-20px
    }
}

@media screen and (min-width: 720px) {
    .grid--no-resize .grid {
        margin-left:-20px
    }
}

@media screen and (min-width: 720px) {
    .grid--no-resize .grid__item {
        padding-left:20px
    }
}

.one-half {
    width: 50%
}

@media screen and (min-width: 480px) {
    .phablet-one-fourth {
        width:25%
    }

    .phablet-one-third {
        width: 33.3333%
    }

    .phablet-two-fifths {
        width: 40%
    }

    .phablet-one-half {
        width: 50%
    }

    .phablet-three-fifths {
        width: 60%
    }

    .phablet-two-thirds {
        width: 66.6666%
    }

    .phablet-three-fourths {
        width: 75%
    }

    .phablet-full {
        width: 100%
    }
}

@media screen and (min-width: 600px) {
    .smallTablet-one-fourth {
        width:25%
    }

    .smallTablet-one-third {
        width: 33.3333%
    }

    .smallTablet-two-fifths {
        width: 40%
    }

    .smallTablet-one-half {
        width: 50%
    }

    .smallTablet-three-fifths {
        width: 60%
    }

    .smallTablet-two-thirds {
        width: 66.6666%
    }

    .smallTablet-three-fourths {
        width: 75%
    }

    .smallTablet-full {
        width: 100%
    }
}

@media screen and (min-width: 720px) {
    .tablet-one-fourth {
        width:25%
    }

    .tablet-one-third {
        width: 33.3333%
    }

    .tablet-two-fifths {
        width: 40%
    }

    .tablet-one-half {
        width: 50%
    }

    .tablet-three-fifths {
        width: 60%
    }

    .tablet-two-thirds {
        width: 66.6666%
    }

    .tablet-three-fourths {
        width: 75%
    }

    .tablet-full {
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .laptop-one-fourth {
        width:25%
    }

    .laptop-one-third {
        width: 33.3333%
    }

    .laptop-two-fifths {
        width: 40%
    }

    .laptop-one-half {
        width: 50%
    }

    .laptop-three-fifths {
        width: 60%
    }

    .laptop-two-thirds {
        width: 66.6666%
    }

    .laptop-three-fourths {
        width: 75%
    }

    .laptop-full {
        width: 100%
    }
}

@media screen and (min-width: 1160px) {
    .desktop-one-fourth {
        width:25%
    }

    .desktop-one-third {
        width: 33.3333%
    }

    .desktop-two-fifths {
        width: 40%
    }

    .desktop-one-half {
        width: 50%
    }

    .desktop-three-fifths {
        width: 60%
    }

    .desktop-two-thirds {
        width: 66.6666%
    }

    .desktop-three-fourths {
        width: 75%
    }

    .desktop-full {
        width: 100%
    }
}

@media screen and (min-width: 1340px) {
    .wide-one-fourth {
        width:25%
    }

    .wide-one-third {
        width: 33.3333%
    }

    .wide-two-fifths {
        width: 40%
    }

    .wide-one-half {
        width: 50%
    }

    .wide-three-fifths {
        width: 60%
    }

    .wide-two-thirds {
        width: 66.6666%
    }

    .wide-three-fourths {
        width: 75%
    }

    .wide-full {
        width: 100%
    }
}

.main {
    display: block
}

@media screen and (min-width: 720px) {
    .main {
        width:60%;
        max-width: 1000px;
        float: left;
        padding-top: 20px
    }
}

@media screen and (min-width: 1024px) {
    .main {
        width:calc(100% - 370px)
    }
}

@media screen and (min-width: 1160px) {
    .main {
        padding-left:30px
    }
}

section {
    display: block;
    margin: 10px 0
}

@media screen and (min-width: 720px) {
    section {
        margin:20px 0 30px
    }
}

.section--no-margin {
    margin: 0
}

.section--bg {
    margin: 0;
    padding: 20px 0
}

@media screen and (min-width: 720px) {
    .section--bg {
        padding:30px 0
    }
}

@media screen and (min-width: 1160px) {
    .section--bg {
        padding:45px 0
    }
}

.section--bg .box p {
    margin-bottom: 20px
}

.section--bg .box p:last-child {
    margin-bottom: 0
}

.section--gray {
    background-color: #F1F2F2
}

.section--green {
    background-color: #D0F0D4
}

.section--green a {
    color: #163aa5
}

.section--graphic {
    padding-bottom: 0
}

.section--graphic__image {
    display: block
}

.section__headline {
    font-size: 25px;
    font-weight: 900;
    line-height: 30px;
    color: #18322E
}

@media screen and (min-width: 720px) {
    .section__headline {
        font-size:30px;
        line-height: 40px
    }
}

.wrapper {
    display: block;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px
}

.wrapper:after {
    display: block;
    content: '';
    height: 0px;
    clear: both
}

@media screen and (min-width: 600px) {
    .wrapper {
        padding:0 20px
    }
}

.wrapper--large {
    max-width: 1400px
}

.wrapper--medium {
    max-width: 920px
}

.wrapper--small {
    max-width: 580px
}

.wrapper--no-padding {
    padding: 0
}

@media screen and (min-width: 600px) {
    .wrapper--padding-at-smallTablet {
        padding:0 20px
    }
}

.wrapper--banner-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.wrapper--banner-content--home {
    text-align: center
}

@media screen and (max-width: 719px) {
    .mobile-hide {
        display:none
    }
}

.margin-top {
    margin-top: 20px
}

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

@media screen and (min-width: 720px) {
    .margin-bottom {
        margin-bottom:20px
    }
}

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

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

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

@media screen and (min-width: 600px) {
    .margin-bottom-half {
        margin-bottom:20px
    }
}

@media screen and (min-width: 600px) {
    .margin-bottom--til-smallTablet {
        margin-bottom:0
    }
}

@media screen and (min-width: 720px) {
    .margin-bottom--til-tablet {
        margin-bottom:0
    }
}

@media screen and (min-width: 1024px) {
    .margin-bottom--til-laptop {
        margin-bottom:0
    }
}

@media screen and (min-width: 1160px) {
    .margin-bottom--til-desktop {
        margin-bottom:0
    }
}

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

@media screen and (min-width: 720px) {
    .show-til-tablet {
        display:none
    }
}

@media screen and (max-width: 719px) {
    .hide-til-tablet {
        display:none
    }
}

.anchor {
    display: block;
    position: relative !important;
    top: -100px;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

@media screen and (max-width: 719px) {
    .js-box {
        height:auto !important
    }
}

.button,.storelocator-panel .location-search input.btn-reset {
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none;
    font-family: 'Catamaran', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 900;
    min-width: 200px;
    padding: 6px 20px 4px;
    line-height: 25px;
    border: 2px solid transparent;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.1s ease-in 0s;
    background-position: center
}

.button:focus,.storelocator-panel .location-search input.btn-reset:focus {
    outline: 2px solid red
}

@media screen and (min-width: 1024px) {
    .button,.storelocator-panel .location-search input.btn-reset {
        text-align:center
    }
}

.button--auto {
    min-width: 0;
    width: auto
}

.button--full {
    width: 100%
}

.button--default,.storelocator-panel .location-search input.btn-reset {
    color: #fff;
    background-color: #3660E3;
    border-color: transparent
}

.button--default:hover,.storelocator-panel .location-search input.btn-reset:hover {
    background-color: #1427AC;
    border-color: transparent;
    color: #fff
}

.button--default:active,.storelocator-panel .location-search input.btn-reset:active {
    background-color: #18322E;
    border-color: transparent;
    color: #fff
}

.button--hollow {
    color: #3660E3;
    background-color: #fff;
    border-color: transparent
}

.button--hollow:hover {
    color: #fff;
    background-color: #1427AC;
    border-color: transparent
}

.button--hollow:active {
    color: #fff;
    background-color: #18322E;
    border-color: transparent
}

.button--white {
    color: #3660E3;
    background-color: #fff
}

.button--white:hover {
    color: #FFF;
    background-color: #1427AC;
    border-color: transparent
}

.button--white:active {
    color: #FFF;
    background-color: #18322E;
    border-color: transparent
}

.button--currentEvent {
    display: block;
    position: relative;
    color: #fff;
    background-color: #3660E3;
    border-color: transparent;
    text-transform: none;
    height: 90px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px
}

.button--currentEvent:hover {
    color: #fff;
    background-color: #1427AC;
    border-color: transparent
}

.button--currentEvent p {
    color: #fff
}

.button--struggle {
    display: block;
    position: relative;
    text-transform: none;
    height: 90px;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 22px;
    line-height: 22px;
    color: #3660E3;
    background-color: #F1F2F2;
    border: none;
    text-align: left
}

.button--struggle:hover {
    background-color: #87EC94
}

.button--struggle:active {
    background-color: #2BA03B;
    color: #fff
}

.button--struggle:active:before {
    background-color: #87EC94;
    border-left: 10px solid #87EC94
}

.button--struggle:before {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    background-color: #87EC94;
    -webkit-transition: background-color 0.1s ease-in 0s;
    -moz-transition: background-color 0.1s ease-in 0s;
    -ms-transition: background-color 0.1s ease-in 0s;
    transition: background-color 0.1s ease-in 0s
}

.button--struggle:after {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #3660E3
}

.button--struggle sup {
    position: absolute;
    top: 16px;
    right: 8px
}

.button--struggle__inner {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.button--struggle__inner--text {
    top: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    position: relative
}

.button--struggle__icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    max-width: 45px;
    max-height: 45px
}

.button--struggle__text {
    display: inline-block;
    vertical-align: middle
}

.button--plannedParenthood {
    position: relative;
    display: block;
    text-transform: none;
    height: 120px;
    max-width: 465px;
    font-size: 22px;
    line-height: 25px;
    color: #3660E3;
    background-color: #fff;
    border-color: #F1F2F2;
    border-left: 2px solid #87EC94
}

.button--plannedParenthood:hover {
    border-left: 2px solid #1DB384
}

.button--plannedParenthood:active {
    border-left: 2px solid #212121
}

.button--plannedParenthood__inner {
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.button--plannedParenthood__icon {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 10px;
    max-width: 96px;
    max-height: 30px;
    left: 0
}

@media screen and (max-width: 479px) {
    .button--plannedParenthood__icon {
        display:block
    }
}

.button--plannedParenthood__text {
    vertical-align: middle;
    display: inline-block;
    text-align: left;
    width: calc(100% - 126px);
    padding-right: 10px
}

@media screen and (max-width: 479px) {
    .button--plannedParenthood__text {
        font-size:16px;
        padding-right: 0px;
        display: block;
        width: 100%
    }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
    .button--plannedParenthood__text {
        font-size:18px
    }
}

.button--support {
    text-align: left;
    text-transform: none;
    height: 80px;
    max-width: 222px;
    font-size: 22px;
    line-height: 25px;
    color: #9A9A9A;
    background-color: #fff;
    border-color: #F1F2F2
}

.button--support:hover {
    border-color: #3660E3
}

.button--support:active {
    color: #fff;
    background-color: #3660E3
}

.button--number {
    height: 30px;
    min-width: 30px;
    border-radius: 100%;
    font-size: 18px;
    line-height: 29px;
    color: #3660E3;
    background-color: #fff;
    border-color: #3660E3;
    padding: 0px
}

.button--number:hover {
    color: #fff;
    background-color: #3660E3
}

.input-container {
    display: block
}

.input,.storelocator-panel .location-search input {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Catamaran', sans-serif;
    -webkit-appearance: none;
    outline: none;
    color: #9A9A9A;
    font-weight: normal;
    background-color: #fff;
    border: 0;
    border-left: 2px solid #9A9A9A;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: 50px;
    font-size: 20px;
    line-height: 25px;
    width: 100%;
    padding-left: 15px;
    margin-top: 5px
}

.input--dark,.storelocator-panel .location-search input {
    background-color: #f1f2f2
}

textarea.input {
    height: 120px;
    padding-top: 10px;
    resize: none
}

.input:hover,.storelocator-panel .location-search input:hover {
    border-left-color: #87EC94
}

.input:focus,.storelocator-panel .location-search input:focus {
    border-left-width: 2px
}

.input.is-error,.storelocator-panel .location-search input.is-error {
    border-left-color: #DB0C0C
}

.input:disabled,.storelocator-panel .location-search input:disabled {
    background-color: #F1F2F2
}

span.wpcf7-not-valid-tip {
    margin-top: 0.5em;
    font-size: 0.9em
}

div.wpcf7-validation-errors,div.wpcf7-response-output {
    border: none;
    padding: 0;
    font-size: 0.9em
}

div.wpcf7-validation-errors {
    color: red
}

input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    outline: none;
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    border: 1px solid #3660E3;
    margin-right: 8px
}

input[type="checkbox"]:focus {
    outline: 2px solid red
}

input[type="checkbox"]:checked {
    border-color: #1427AC
}

input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    content: '';
    top: -2px;
    left: 3px;
    width: 26px;
    height: 19px;
    background-image: url("assets/icons/check.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px auto
}

.accordion {
    display: block;
    position: relative;
    padding-top: 0;
    border-bottom: 2px solid #3660E3
}

.accordion__header {
    display: block;
    padding: 20px 0
}

@media screen and (min-width: 720px) {
    .accordion__header {
        padding:30px 0
    }
}

.accordion__content {
    display: none
}

.accordion__toggle {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #3660E3;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 15px);
    -ms-transform: translate(-50%, 15px);
    transform: translate(-50%, 15px);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

.accordion__toggle span {
    color: #FFF
}

.accordion__toggle:after {
    display: block;
    position: absolute;
    content: '+';
    width: 100%;
    height: 100%;
    color: #FFF;
    font-size: 24px;
    text-align: center;
    line-height: 30px;
    padding-top: 1px
}

.accordion__toggle:hover {
    background-color: #1427AC
}

.accordion.is-active .accordion__toggle:after {
    content: '\2014'
}

.announcement {
    display: block;
    margin-top: 10px
}

@media screen and (min-width: 600px) {
    .announcement {
        position:absolute;
        width: 100%;
        margin: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all 0.1s ease-in 0.1s;
        -moz-transition: all 0.1s ease-in 0.1s;
        -ms-transition: all 0.1s ease-in 0.1s;
        transition: all 0.1s ease-in 0.1s
    }

    .announcement.show {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.announcement .grid {
    position: relative;
    margin-left: 0
}

.announcement .grid .grid__item {
    padding-left: 0
}

.announcement img {
    display: block
}

.announcement__photo {
    display: block;
    min-height: 185px;
    background: url("assets/images/special-announcement-graphic.jpg") top center/cover no-repeat
}

@media screen and (min-width: 480px) {
    .announcement__photo {
        position:absolute;
        width: 50%;
        height: 100%;
        min-height: 0
    }
}

@media screen and (min-width: 720px) {
    .announcement__photo {
        width:40%
    }
}

.announcement__bar {
    display: block;
    background-color: #175820;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 10px
}

.announcement__content {
    display: block;
    padding: 10px;
    background-color: #87EC94
}

.announcement__content a.text-link {
    color: #13318a
}

@media screen and (min-width: 720px) {
    .announcement__content {
        padding:20px
    }
}

.banner {
    display: block;
    height: 460px;
    padding-top: 20px;
    background: url("assets/images/home-banner.jpg") right 120%/160% auto no-repeat #FDFDFD
}

@media screen and (min-width: 480px) {
    .banner {
        background-size:150% auto
    }
}

@media screen and (min-width: 600px) {
    .banner {
        height:640px
    }
}

@media screen and (min-width: 720px) {
    .banner {
        background-position:50% bottom
    }
}

@media screen and (min-width: 1024px) {
    .banner {
        background-size:cover;
        background-position: right top
    }
}

@media screen and (min-width: 1160px) {
    .banner {
        height:600px
    }
}

@media screen and (min-width: 1340px) {
    .banner {
        height:640px
    }
}

@media screen and (min-width: 1600px) {
    .banner {
        height:700px
    }
}

.banner__inner {
    display: block
}

@media screen and (min-width: 600px) {
    .banner__inner {
        margin-top:20px
    }
}

@media screen and (min-width: 720px) {
    .banner__inner {
        max-width:490px;
        margin-top: 40px
    }
}

@media screen and (min-width: 1024px) {
    .banner__inner {
        margin-top:20px
    }
}

@media screen and (min-width: 1340px) {
    .banner__inner {
        margin-top:40px
    }
}

.banner__headline {
    margin-bottom: 20px
}

.banner__description {
    display: block
}

@media screen and (min-width: 720px) {
    .banner__description {
        max-width:380px
    }
}

.box {
    display: block;
    padding: 10px;
    background-color: #FFF
}

@media screen and (min-width: 720px) {
    .box {
        padding:20px 15px
    }
}

.box--border {
    position: relative
}

.box--border:before {
    display: block;
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #87EC94
}

.box--link {
    cursor: pointer;
    border: 2px solid transparent;
    text-decoration: none
}

.box--link:hover {
    border-color: #3660E3
}

.card {
    display: block;
    border-left: 2px solid #87EC94;
    background-color: #f1f2f2;
    margin-bottom: 20px
}

.card__header {
    display: block;
    background-color: #D0F0D4;
    padding: 10px
}

@media screen and (min-width: 720px) {
    .card__header {
        padding:20px
    }
}

.card__title {
    color: #18322E;
    font-weight: 800
}

.card__icon {
    display: inline-block;
    max-width: 60px;
    max-height: 36px;
    margin-bottom: 10px
}

.card__content {
    display: block;
    background-color: #f1f2f2;
    padding: 10px
}

@media screen and (min-width: 720px) {
    .card__content {
        padding:20px
    }
}

.contact-boxes>.grid>.grid__item {
    margin-bottom: 30px
}

.contact-box {
    display: block;
    padding: 20px 10px;
    background-color: #f1f2f2;
    text-align: center
}

@media screen and (min-width: 1160px) {
    .contact-box {
        padding:25px 20px 25px
    }
}

.contact-box__headline {
    font-weight: 700;
    color: #18322E;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 25px
}

@media screen and (min-width: 720px) {
    .contact-box__headline {
        font-size:20px;
        line-height: 25px
    }
}

.contact-number {
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    font-family: 'Catamaran', sans-serif;
    font-size: 30px;
    line-height: 30px;
    text-decoration: none;
    border: 1px solid #3660E3;
    font-weight: 700;
    color: #18322E
}

.contact-number--banner {
    border-color: #87EC94;
    color: #3660E3;
    font-weight: 900;
    padding-left: 55px;
    background: url("assets/icons/phone--banner.png") 10px center/45px auto no-repeat
}

.contact-number--banner:hover {
    border-color: #3660E3
}

@media screen and (min-width: 720px) {
    .contact-number--banner {
        font-size:36px;
        padding: 15px 15px 15px 60px
    }
}

.contact-box__chat {
    min-width: 0;
    height: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0
}

.contact-box--primary {
    background-color: #3660E3
}

.contact-box--primary .contact-box__headline {
    color: #FFF
}

.contact-box--primary .contact-number {
    padding-left: 50px;
    border: 1px solid #fff;
    color: #fff;
    background: url("assets/icons/phone--cta.png") 10px center/35px auto no-repeat
}

.contact-box-accordion {
    display: block;
    position: relative;
    text-align: left;
    border-bottom: 2px solid #3660E3;
    background-color: #f1f2f2
}

.contact-box-accordion p {
    font-size: 18px;
    line-height: 25px
}

.contact-box-accordion.is-active {
    border-top: 2px solid #bbb;
    border-bottom: 2px solid #3660E3
}

.contact-box-accordion.is-active .contact-box-accordion__content {
    display: block
}

.contact-box-accordion.is-active .contact-box-accordion__toggle:after {
    content: '\2014'
}

.contact-box-accordion__toggle {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    bottom: -15px;
    left: 50%;
    margin-left: -15px;
    background-color: #3660E3;
    cursor: pointer;
    text-decoration: none
}

.contact-box-accordion__toggle:after {
    display: block;
    content: '+';
    color: #FFF;
    text-align: center;
    font-size: 24px;
    line-height: 30px
}

.contact-box-accordion__toggle:hover {
    background-color: #1427AC
}

.contact-box-accordion__content {
    display: none;
    padding: 10px
}

@media screen and (min-width: 720px) {
    .contact-box-accordion__content {
        padding:20px
    }
}

.contact-box-accordion--primary {
    background-color: #3660E3;
    border-top-color: #FFF;
    border-bottom-color: #87EC94
}

.contact-box-accordion--primary p {
    color: #FFF
}

.contact-box-accordion--primary .contact-box-accordion__toggle {
    background-color: #87EC94
}

.contact-box-accordion--primary .contact-box-accordion__toggle:after {
    color: #3660E3
}

.contact-box-accordion--primary .contact-box-accordion__toggle:hover {
    background-color: #2BA03B
}

.contact-box-accordion--primary .contact-box-accordion__toggle:hover:after {
    color: #FFF
}

.contact-box-accordion--primary.is-active {
    border-top-color: #FFF;
    border-bottom-color: #87EC94
}

.cta-box {
    display: block
}

.cta-box--gray {
    background-color: #F1F2F2;
    padding: 20px
}

.cta-box--blue {
    background-color: #3660E3;
    padding: 20px
}

.cta-box--blue p {
    color: #FFF
}

.cta-box--green {
    background-color: #2BA03B;
    padding: 20px
}

.cta-box--green p {
    color: #FFF
}

.cta-box--light-green {
    background-color: #D0F0D4;
    padding: 20px
}

.download {
    display: block;
    font-size: 0
}

.download__icon {
    width: 80px;
    display: inline-block;
    vertical-align: middle
}

@media screen and (min-width: 600px) {
    .download__icon {
        width:120px
    }
}

@media screen and (min-width: 720px) {
    .download__icon {
        width:80px
    }
}

@media screen and (min-width: 1340px) {
    .download__icon {
        width:120px
    }
}

.download__content {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 80px);
    padding: 0 10px
}

@media screen and (min-width: 600px) {
    .download__content {
        width:calc(100% - 120px)
    }
}

@media screen and (min-width: 720px) {
    .download__content {
        width:calc(100% - 80px)
    }
}

@media screen and (min-width: 1340px) {
    .download__content {
        width:calc(100% - 120px);
        padding: 0 20px
    }
}

.download__name {
    margin-bottom: 10px
}

.download__format {
    margin-bottom: 10px
}

.dropdown {
    display: none;
    position: absolute;
    background-color: #f1f2f2;
    z-index: 1;
    top: 100%;
    left: 0;
    border-top: 2px solid #3660E3;
    width: 345px;
    min-height: 140px;
    -webkit-box-shadow: 0px 2px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 2px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 1px 1px rgba(0,0,0,0.2)
}

.dropdown__image {
    display: block;
    position: absolute;
    width: 40%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #333;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: 0.1s ease-in 0s;
    -moz-transition: 0.1s ease-in 0s;
    -ms-transition: 0.1s ease-in 0s;
    transition: 0.1s ease-in 0s
}

.dropdown__image--get-help {
    background-image: url("assets/images/get-help-dropdown.jpg")
}

.dropdown__image--learn {
    background-image: url("assets/images/learn-dropdown.jpg")
}

.dropdown__image--get-involved {
    background-image: url("assets/images/get-involved-dropdown.jpg")
}

.dropdown__image--providers {
    background-image: url("assets/images/providers-dropdown.jpg")
}

.dropdown__image:hover {
    cursor: pointer
}

.dropdown__image:hover:after {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(54,96,227,0.25)
}

.dropdown__items {
    display: block;
    position: relative;
    width: 60%;
    top: 0;
    left: 40%;
    padding: 10px 20px
}

.dropdown__cta {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 10px;
    left: 10px;
    font-size: 12px;
    padding: 5px;
    min-width: 0;
    max-width: 105px;
    text-align: left;
    line-height: 1;
    background-color: #3660E3;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600
}

.dropdown__item {
    display: block;
    font-size: 15px;
    line-height: 18px;
    color: #18322E;
    margin: 10px 0;
    font-family: 'Catamaran', sans-serif;
    text-decoration: none
}

.dropdown__item:hover {
    color: #3660E3
}

.dropdown--right {
    width: 395px;
    padding: 20px;
    left: auto;
    right: 0;
    text-align: center;
    min-height: 0
}

.dropdown__heading {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 800;
    color: #18322E;
    text-align: center
}

.dropdown__number {
    display: inline-block;
    border: 1px solid #3660E3;
    font-size: 30px;
    line-height: 40px;
    font-weight: 800;
    color: #18322E;
    text-decoration: none;
    padding: 0 10px
}

.dropdown--double {
    width: 550px
}

.dropdown--double .dropdown__image {
    width: 25%
}

.dropdown--double .dropdown__items {
    width: 75%;
    left: 25%;
    font-size: 0
}

.dropdown--double .dropdown__item {
    display: inline-block;
    width: 50%;
    margin-bottom: 0
}

.header {
    display: none;
    height: 65px
}

@media screen and (min-width: 1024px) {
    .header {
        display:block
    }
}

.header__inner {
    display: block;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 65px;
    background-color: #FFF;
    -webkit-box-shadow: 2px 0px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 0px 1px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: 2px 0px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 2px 0px 1px 1px rgba(0,0,0,0.1)
}

.header__inner .wrapper {
    position: relative;
    padding-right: 70px
}

.header_inner--styleGuide {
    position: relative
}

.header__logo {
    display: block;
    width: 104px;
    height: 104px;
    background: url("assets/icons/logo.png") center/cover no-repeat;
    float: left
}

@media screen and (min-width: 1160px) {
    .header__logo {
        position:absolute
    }
}

.header.is-sticky .header__logo {
    width: 65px;
    height: 65px
}

.header__nav {
    display: block;
    float: left;
    margin-left: 30px;
    padding-top: 20px
}

@media screen and (min-width: 1160px) {
    .header__nav {
        margin-left:170px
    }
}

.header__nav-item {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 10px
}

.header__nav-item:first-child {
    padding-left: 0
}

@media screen and (min-width: 1160px) {
    .header__nav-item {
        padding:10px 15px
    }
}

.header__nav-item:hover .dropdown {
    display: block !important
}

.header__nav-text {
    display: block;
    font-size: 14px;
    font-weight: 900;
    color: #18322E;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none
}

@media screen and (min-width: 1160px) {
    .header__nav-text {
        font-size:15px
    }
}

.header__nav-item:hover .header__nav-text {
    color: #3660E3
}

.header__right {
    display: block;
    float: right;
    text-align: right;
    padding-top: 10px
}

.header__phone {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Catamaran', sans-serif;
    color: #3660E3;
    text-decoration: none;
    font-size: 22px;
    font-weight: 900;
    line-height: 1
}

.header__chat {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1;
    padding: 3px 3px 1px;
    min-width: 0;
    margin-left: 5px
}

.header__right-items {
    display: block;
    position: relative;
    color: #3660E3
}

.header__right-item {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #3660E3;
    font-weight: 700;
    font-family: 'Catamaran', sans-serif;
    cursor: default;
    padding: 4px 0
}

.header__right-item:hover {
    color: #1427AC
}

.header__right-item:hover .dropdown,.header__right-item:focus .dropdown {
    display: block !important
}

.header__nav-text:focus+.dropdown {
    display: block
}

.header__right-link {
    color: #3660E3;
    text-decoration: none
}

.header__right-link:focus+.dropdown {
    display: block !important
}

.header__right-sep {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin: 0 5px
}

.graphic-box {
    display: block;
    padding: 10px 10px 163px;
    background: url("assets/images/safe-space.png") center bottom/280px auto no-repeat #F1F2F2;
    text-decoration: none;
    border: 2px solid transparent
}

@media screen and (min-width: 600px) {
    .graphic-box {
        padding-bottom:90px;
        background-position: calc(100% - 10px) bottom
    }
}

@media screen and (min-width: 720px) {
    .graphic-box {
        background-size:160px auto;
        padding: 20px 20px 30px
    }
}

@media screen and (min-width: 1160px) {
    .graphic-box {
        background-size:280px auto
    }
}

.graphic-box:hover {
    border-color: #3660E3
}

.graphic-box .button,.graphic-box .storelocator-panel .location-search input.btn-reset,.storelocator-panel .location-search .graphic-box input.btn-reset {
    min-width: 0
}

.graphic-box--safe-space {
    padding-bottom: 10px;
    background: url("assets/images/safe-space-promo-bg.jpg") center/cover no-repeat #333;
    text-align: center
}

@media screen and (min-width: 720px) {
    .graphic-box--safe-space {
        text-align:left
    }
}

.graphic-box--safe-space .graphic-box__text {
    color: #FFF
}

@media screen and (min-width: 1160px) {
    .page .graphic-box {
        background-size:200px auto
    }
}

@media screen and (min-width: 1160px) {
    .page .graphic-box--safe-space {
        background-size:cover
    }
}

.graphic-box__text {
    font-size: 18px;
    line-height: 25px;
    max-width: 440px;
    color: #18322E;
    text-decoration: none
}

.faqs {
    margin-bottom: 40px
}

.faq {
    margin: 20px 0
}

@media screen and (min-width: 720px) {
    .faq {
        margin:20px 0 30px
    }
}

.faq__content {
    padding: 10px;
    border-top: 2px solid #FFF
}

@media screen and (min-width: 720px) {
    .faq__content {
        padding:20px
    }
}

#footer {
    position: relative;
    z-index: 1
}

.FooterNav {
    display: block;
    font-size: 0
}

@media screen and (min-width: 1159px) {
    .FooterNav {
        text-align:left
    }
}

@media screen and (max-width: 1023px) {
    .FooterNav {
        text-align:center
    }
}

@media screen and (max-width: 720px) {
    .FooterNav {
        text-align:left
    }
}

.Footer__link {
    color: #212121;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    font-weight: bolder;
    line-height: 25px
}

.Footer__link:hover {
    color: #3660E3
}

@media screen and (min-width: 720px) {
    .Footer__link {
        font-size:18px;
        line-height: 25px;
        font-weight: bold
    }
}

.Footer__link--disability {
    text-decoration: none;
    color: #3660E3;
    font-weight: bold;
    line-height: 20px
}

.Footer__link--disability:hover {
    color: #1427AC
}

@media screen and (min-width: 720px) {
    .Footer__link--disability {
        font-size:15px;
        line-height: 20px
    }
}

@media screen and (min-width: 1159px) {
    .FooterSocial {
        text-align:left
    }
}

@media screen and (max-width: 1023px) {
    .FooterSocial {
        text-align:center
    }
}

@media screen and (max-width: 720px) {
    .FooterSocial {
        text-align:left
    }
}

.FooterSocial__icon {
    display: inline-block;
    vertical-align: middle
}

.Footer__item {
    display: block;
    margin: 20px 0px
}

@media screen and (min-width: 720px) {
    .Footer__item {
        display:inline-block;
        margin-right: 20px
    }
}

.FooterNav_item-bottom {
    margin: 20px 0;
    text-align: center
}

.FooterNav_disabilites {
    margin: 20px 0
}

@media screen and (min-width: 720px) {
    .FooterNav_disabilites {
        text-align:center;
        margin: 20px 0
    }
}

@media screen and (min-width: 720px) {
    .FooterNav_item-logos {
        text-align:center;
        margin: 20px 0
    }
}

.FooterNav_item-logos--samsha {
    margin-right: 3em
}

.FooterNav__logo {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 150px;
    background-repeat: no-repeat;
    background-position: center
}

.FooterNav__logo sup {
    display: none !important
}

.FooterNav__hover-logo {
    display: none
}

.FooterNav__logo:hover .FooterNav__active-logo {
    display: none
}

.FooterNav__logo:hover .FooterNav__hover-logo {
    display: inline-block
}

.FooterNav__logo--samhsa {
    width: 161px;
    height: 45px;
    background: url("assets/icons/samhsa-logo.png") center/161px 45px no-repeat
}

.FooterNav__logo--samhsa:hover {
    background-image: url("assets/icons/samhsa-logo-hover.png")
}

.FooterNav__logo--mha {
    margin-left: 20px;
    width: 104px;
    height: 68px;
    background: url("assets/icons/mha-logo.png") center/104px 68px no-repeat
}

.FooterNav__logo--mha:hover {
    background-image: url("assets/icons/mha-logo-hover.png")
}

.Footer__disclaimer {
    color: #4c4c4c
}

#map-canvas {
    width: 100%;
    height: 400px
}

#map-canvas img {
    max-height: inherit !important
}

#panel {
    height: auto;
    margin: 0 auto;
    max-width: 880px;
    width: 100%
}

.storelocator-panel .directions {
    display: none
}

.storelocator-panel .directions-panel {
    margin: 0
}

.storelocator-panel .directions-panel .directions-to {
    margin-bottom: 5px;
    padding: 8px 16px;
    width: 100%
}

.storelocator-panel .directions-panel .close-directions {
    margin: 0 5px
}

.storelocator-panel .location-search {
    padding: 20px 10px
}

.storelocator-panel .location-search:after {
    display: block;
    clear: both;
    content: '';
    height: 0px
}

.storelocator-panel .location-search h4 {
    margin: 1em 0
}

@media screen and (min-width: 1160px) {
    .storelocator-panel .location-search input {
        float:left;
        width: 50%
    }
}

@media screen and (min-width: 1160px) {
    .storelocator-panel .location-search input.btn-reset {
        float:right;
        width: 50%
    }
}

.storelocator-panel .feature-filter {
    margin: 10px 0;
    overflow: hidden
}

.storelocator-panel .feature-filter label {
    display: block;
    font-size: 14px;
    margin: 5px;
    float: left;
    width: auto
}

.storelocator-panel .feature-filter label input {
    margin-right: 5px
}

.storelocator-panel .store-list {
    list-style-type: none;
    margin: 0;
    padding: 0 10px
}

.storelocator-panel .store-list li {
    display: inline-block;
    width: 50%;
    padding: 20px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 768px) {
    .storelocator-panel .store-list li {
        display:block;
        width: 100%
    }
}

.storelocator-panel .store-list li.store:hover {
    cursor: pointer;
    background: #eafbf6
}

.storelocator-panel .store-list li.highlighted,.storelocator-panel .store-list li.highlighted:hover {
    background: #eafbf6
}

.storelocator-panel .store-list .no-stores {
    color: #a6284a;
    float: none;
    padding: 0;
    width: 100%
}

.storelocator-panel .store .features {
    display: none
}

.store .title {
    font-size: 18px;
    font-weight: 700
}

.store .address,.store .phone,.store .web,.store .misc {
    font-size: 14px;
    margin: 0.5em 0
}

.store .features {
    overflow: hidden;
    color: #003d00;
    margin: 0;
    padding: 0;
    font-size: 14px;
    max-width: 250px
}

.store .features li {
    display: inline;
    float: left;
    padding-right: 0.8em
}

.store .web a {
    color: #a6284a
}

.store .action {
    fstorefont-size: 12px;
    color: #a6284a;
    margin-right: 0.5em;
    display: none;
}

.store .action.directions {
    display: none
}

.infowindow {
    padding: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.btnClose {
    right: 10px !important;
    top: 10px !important
}

.adp,.adp table {
    width: 100%
}

.inlinelink {
    margin-right: 0.5em
}

.mobile-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff
}

.mobile-dropdown.is-active {
    display: block
}

.mobile-dropdown__cta {
    display: block;
    background-color: #3660E3;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
    font-weight: 900;
    font-size: 15px;
    line-height: 22px;
    padding: 9px 0
}

@media screen and (min-width: 720px) {
    .mobile-dropdown__cta {
        font-size:20px;
        padding: 20px 0
    }
}

.mobile-dropdown__item {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #18322E;
    text-decoration: none;
    font-family: 'Catamaran', sans-serif;
    padding: 12px 10px 12px 65px;
    border-bottom: 1px solid #f1f2f2
}

@media screen and (min-width: 720px) {
    .mobile-dropdown__item {
        padding:20px 10px 18px 165px;
        font-size: 18px
    }
}

.mobile-dropdown__item--accordion {
    background-image: url("assets/icons/plus.png");
    background-size: 12px auto;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat
}

.mobile-dropdown-sub__items {
    display: none
}

.mobile-dropdown-sub__items .mobile-dropdown__item {
    padding-left: 95px
}

@media screen and (min-width: 720px) {
    .mobile-dropdown-sub__items .mobile-dropdown__item {
        padding-left:195px
    }
}

.mobile-dropdown-sub.is-active .mobile-dropdown__item--accordion {
    background-color: #3660E3;
    color: #FFF;
    background-image: url("assets/icons/minus.png")
}

.mobile-dropdown-sub.is-active .mobile-dropdown-sub__items {
    display: block
}

.mobile-dropdown__extra {
    display: block;
    background-color: #FFF;
    padding: 20px
}

.mobile-header {
    display: block;
    height: 40px
}

@media screen and (min-width: 720px) {
    .mobile-header {
        height:80px
    }
}

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

.mobile-header__inner {
    display: block;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: #fff
}

@media screen and (min-width: 720px) {
    .mobile-header__inner {
        height:80px
    }
}

.mobile-header__inner--styleGuide {
    position: relative
}

.mobile-header__logo {
    display: block;
    float: left;
    width: 55px;
    height: 55px;
    background: url("assets/icons/logo.png") right center/cover no-repeat;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 720px) {
    .mobile-header__logo {
        width:104px;
        height: 104px;
        margin-left: 10px
    }
}

.mobile-header__nav {
    display: block;
    width: calc(100% - 55px);
    float: right
}

@media screen and (min-width: 720px) {
    .mobile-header__nav {
        width:calc(100% - 114px)
    }
}

.mobile-header__nav-item {
    display: block;
    width: 25%;
    height: 40px;
    float: left;
    border-left: 2px solid #F1F2F2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    font-family: 'Catamaran', sans-serif
}

.mobile-header__nav-item:first-child {
    border: none
}

@media screen and (min-width: 720px) {
    .mobile-header__nav-item {
        height:80px
    }
}

.mobile-header__nav-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("assets/icons/mobile-header-sprite.png");
    background-size: auto 16px;
    background-repeat: no-repeat;
    margin: 4px 0 0
}

@media screen and (min-width: 720px) {
    .mobile-header__nav-icon {
        width:32px;
        height: 32px;
        background-size: auto 32px;
        margin: 10px 0 8px
    }
}

.mobile-header__nav-icon--plus {
    background-position: 0px 0px
}

.mobile-header__nav-icon--book {
    background-position: -16px 0px
}

@media screen and (min-width: 720px) {
    .mobile-header__nav-icon--book {
        background-position:-32px 0
    }
}

.mobile-header__nav-icon--phone {
    background-position: -32px 0px
}

@media screen and (min-width: 720px) {
    .mobile-header__nav-icon--phone {
        background-position:-64px 0
    }
}

.mobile-header__nav-icon--more {
    background-position: -48px 0px
}

@media screen and (min-width: 720px) {
    .mobile-header__nav-icon--more {
        background-position:-96px 0
    }
}

.mobile-header__nav-text {
    display: block;
    font-size: 12px;
    line-height: 10px;
    color: #18322E;
    font-family: 'Catamaran', sans-serif;
    font-weight: 900;
    text-transform: uppercase
}

@media screen and (min-width: 720px) {
    .mobile-header__nav-text {
        font-size:18px
    }
}

.modal {
    display: none;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85)
}

.modal .contact-number {
    margin-bottom: 1em
}

.modal.is-active {
    display: block
}

.modal__inner {
    display: block;
    position: absolute;
    width: 95%;
    max-width: 550px;
    background-color: #f1f2f2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 20px
}

@media screen and (min-width: 720px) {
    .modal__inner {
        padding:30px
    }
}

.modal__close {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 5px;
    right: 5px;
    background: url("assets/icons/plus-button.png") center/32px auto no-repeat;
    cursor: pointer
}

.modal__close:hover {
    background-image: url("assets/icons/plus-button-white.png")
}

.modal__headline {
    display: block;
    margin-bottom: 0.25em;
    color: #18322E
}

.modal__text {
    margin-bottom: 1em
}

.pagination {
    display: block;
    text-align: center;
    position: relative;
    max-width: 320px;
    padding: 20px 0;
    margin: 20px auto 40px
}

.pagination a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pagination__prev,.pagination__next {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: 1px solid #999;
    cursor: pointer
}

.pagination__prev:hover,.pagination__next:hover {
    background-color: #3660E3;
    border-color: #3660E3
}

.pagination__prev:hover .pagination__arrow,.pagination__next:hover .pagination__arrow {
    background: #3660E3
}

.pagination__prev:hover .pagination__arrow:before,.pagination__next:hover .pagination__arrow:before {
    border-right-color: #FFF
}

.pagination__prev:hover .pagination__arrow:after,.pagination__next:hover .pagination__arrow:after {
    border-right-color: #3660E3
}

.pagination__prev {
    left: 0
}

.pagination__arrow {
    position: relative;
    background: #FFFFFF;
    top: 18px;
    left: 4px
}

.pagination__arrow:after,.pagination__arrow:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.pagination__arrow:after {
    border-color: rgba(255,255,255,0);
    border-right-color: #FFFFFF;
    border-width: 10px;
    margin-top: -10px
}

.pagination__arrow:before {
    border-color: rgba(153,153,153,0);
    border-right-color: #999;
    border-width: 13px;
    margin-top: -13px
}

.pagination__next {
    right: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.pagination__current {
    display: block;
    padding: 0 40px;
    font-size: 20px;
    color: #555
}

.resource {
    display: block;
    position: relative;
    height: 120px;
    background-color: #FFF;
    border: 1px solid #d8d8d8;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    -ms-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s
}

@media screen and (min-width: 720px) {
    .resource {
        margin-bottom:20px
    }
}

.resource:before {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #87EC94
}

.resource:hover {
    border: 1px solid #3660E3
}

.resource:hover:before {
    display: none
}

.resource:active {
    border-left: 2px solid #212121
}

.resource:active:before {
    display: none
}

.resource sup {
    position: absolute;
    top: 12px;
    right: 5px
}

.resource__inner {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0
}

@media screen and (min-width: 600px) {
    .resource__inner {
        padding:20px
    }
}

.resource__logo {
    display: block;
    text-align: center;
    margin-bottom: 10px
}

.resource__logo img {
    max-width: 100%;
    max-height: 40px
}

@media screen and (min-width: 600px) {
    .resource__logo {
        display:inline-block;
        vertical-align: middle;
        width: 100px;
        margin-bottom: 0
    }
}

.resource__title {
    display: block;
    text-align: center;
    color: #3660E3;
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    font-weight: 800
}

@media screen and (min-width: 600px) {
    .resource__title {
        font-size:20px;
        line-height: 25px
    }
}

@media screen and (min-width: 600px) {
    .resource--logo .resource__title {
        display:inline-block;
        vertical-align: middle;
        width: calc(100% - 100px);
        padding-left: 10px;
        text-align: left
    }
}

.safe-space {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: #FFF
}

.safe-space__nums {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2
}

.safe-space__num {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #3660E3;
    color: #3660E3;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

.safe-space__num:hover,.safe-space__num.is-active {
    background-color: #3660E3;
    color: #FFF
}

.safe-space__video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
    background: #eee
}

.safe-space__video:after {
    display: block;
    z-index: -1;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3)
}

.safe-space__text {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 20px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #FFF;
    max-width: 800px
}

.safe-space__footer {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #FFF
}

.safe-space__logo {
    display: block;
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 140px;
    height: 146px;
    background: url("assets/icons/logo.png") center/cover no-repeat
}

.safe-space__back {
    margin: 20px 0 20px 180px
}

.safe-space__phone {
    float: right;
    margin: 10px 20px
}

.search-form {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    height: 65px;
    background: #FFF;
    width: 44px;
    height: 65px;
    overflow: hidden
}

@media screen and (min-width: 1310px) {
    .search-form {
        right:0
    }
}

.search--in-page {
    position: static;
    right: auto
}

.search--in-page .search__input {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px)
}

.search__toggle {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    width: 44px;
    height: 44px;
    border: 1px solid #3660E3;
    background: url("assets/icons/search.png") center/13px 13px no-repeat;
    cursor: pointer
}

.search__toggle:hover {
    background-color: #3660E3;
    background-image: url("assets/icons/search-white.png")
}

.search__input {
    width: 300px;
    height: 34px;
    padding-left: 0;
    margin-left: 10px;
    border: none;
    border-bottom: 1px solid #D8D8D8;
    display: none
}

.search-form.is-active {
    width: auto
}

.search-form.is-active .search__toggle {
    background-color: #3660E3;
    background-image: url("assets/icons/search-white.png")
}

.search-form.is-active .search__input {
    display: inline-block
}

@media screen and (min-width: 720px) {
    .search .main {
        min-height:500px;
        padding-bottom: 40px
    }
}

.send-message {
    background-color: #f1f2f2;
    padding: 10px
}

@media screen and (min-width: 720px) {
    .send-message {
        padding:20px
    }
}

.send-message.is-active {
    background-color: #D0F0D4
}

.send-message.is-active .send-message__text {
    display: none
}

.send-message__form {
    display: none
}

.share-button {
    display: inline-block
}

.share-label {
    font-size: 18px;
    font-weight: bolder;
    line-height: 44px;
    text-transform: uppercase;
    text-align: center
}

.share-label-box {
    float: left;
    width: 82px;
    background-color: #F1F2F2;
    border-right: 2px solid #87EC94
}

.share-social-box {
    margin: 0;
    float: left;
    border: 2px solid #F1F2F2;
    border-left: none;
    display: inline-block;
    vertical-align: middle
}

.share-button-icon {
    float: left;
    background-image: url("assets/icons/share-button-icons.png");
    height: 40px;
    width: 40px;
    background-size: auto 80px
}

.share-button-icon--facebook {
    background-position: 0px 0px
}

.share-button-icon--facebook:hover {
    background-color: #3660E3;
    background-position: 0 -40px
}

.share-button-icon--facebook:active {
    background-color: #1427AC
}

.share-button-icon--twitter {
    background-position: -40px 0px
}

.share-button-icon--twitter:hover {
    background-color: #3660E3;
    background-position: -40px -40px
}

.share-button-icon--twitter:active {
    background-color: #1427AC
}

.share-button-icon--email {
    background-position: -80px 0px
}

.share-button-icon--email:hover {
    background-color: #3660E3;
    background-position: -80px -40px
}

.share-button-icon--email:active {
    background-color: #1427AC
}

.sidebar {
    display: block;
    padding-top: 50px
}

@media screen and (min-width: 720px) {
    .sidebar {
        width:40%;
        float: left;
        padding-top: 0
    }
}

@media screen and (min-width: 1024px) {
    .sidebar {
        width:370px
    }
}

.sidebar__image {
    display: block;
    position: relative;
    height: 370px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center
}

.sidebar__image:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(43,160,59,0.5)
}

.sidebar__image-icon {
    display: inline-block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: #87EC94
}

.sidebar__image-icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 45px;
    max-height: 45px
}

.sidebar-nav {
    display: block;
    position: fixed;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: #FFF;
    border-bottom: 2px solid #3660E3
}

@media screen and (min-width: 720px) {
    .sidebar-nav {
        width:auto;
        padding-bottom: 20px;
        position: static;
        border: none;
        padding-left: 20px;
        border-right: 1px solid #ddd
    }
}

@media screen and (min-width: 720px) {
    .sidebar-nav.is-sticky {
        position:fixed;
        top: 100px;
        width: 40%
    }

    .sidebar-nav.is-sticky.is-bottom {
        position: absolute;
        top: auto;
        bottom: 20px
    }
}

@media screen and (min-width: 1024px) {
    .sidebar-nav.is-sticky {
        width:370px
    }
}

@media screen and (min-width: 1160px) {
    .sidebar-nav.is-sticky {
        top:70px
    }
}

@media screen and (min-width: 1400px) {
    .sidebar-nav.is-sticky {
        left:50%;
        margin-left: -700px
    }
}

.sidebar-nav__headline {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #3660E3;
    height: 50px;
    padding: 15px 32px 15px 65px;
    background-image: url("assets/icons/plus.png");
    background-size: 12px auto;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media screen and (min-width: 720px) {
    .sidebar-nav__headline {
        height:auto;
        font-size: 22px;
        line-height: 30px;
        padding-left: 0;
        color: #18322E;
        font-weight: 700;
        background: none;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 15px;
        overflow: visible;
        white-space: normal
    }
}

.sidebar-nav__text {
    display: none
}

@media screen and (min-width: 720px) {
    .sidebar-nav__text {
        display:block;
        margin-bottom: 30px
    }
}

.sidebar-nav__items {
    display: none
}

@media screen and (min-width: 720px) {
    .sidebar-nav__items {
        display:block !important
    }
}

.sidebar-nav__item {
    display: block;
    position: relative;
    min-height: 40px;
    font-size: 14px;
    line-height: 20px;
    color: #4c4c4c;
    text-decoration: none;
    font-family: 'Catamaran', sans-serif;
    padding: 12px 10px 12px 65px;
    border-bottom: 1px solid #f1f2f2;
    outline: none
}

.sidebar-nav__item:hover,.sidebar-nav__item:active,.sidebar-nav__item:focus {
    outline: none
}

.sidebar-nav__item:hover {
    color: #18322E
}

@media screen and (min-width: 720px) {
    .sidebar-nav__item {
        min-height:35px;
        font-size: 20px;
        color: #4c4c4c;
        padding: 5px 10px;
        border: none;
        border-left: 5px solid transparent;
        margin-top: 15px
    }

    .sidebar-nav__item.is-active {
        border-color: #3660E3;
        color: #18322E;
        font-weight: 600
    }
}

.sidebar-nav__button {
    margin-top: 15px
}

@media screen and (max-width: 719px) {
    .sidebar-nav__button {
        margin-top:0;
        height: auto;
        font-size: 15px;
        background-color: transparent
    }

    .sidebar-nav__button img {
        max-width: 24px;
        max-height: 24px
    }

    .sidebar-nav__button:before {
        display: none
    }

    .sidebar-nav__button:after {
        display: none
    }
}

@media screen and (max-width: 719px) {
    .sidebar-nav.is-active .sidebar-nav__headline {
        background-color:#3660E3;
        color: #FFF;
        background-image: url("assets/icons/minus.png")
    }

    .sidebar-nav.is-active .sidebar-nav__items {
        display: block
    }
}

@media screen and (max-width: 719px) {
    .sidebar-nav__button.button--currentEvent {
        position:relative
    }

    .sidebar-nav__button.button--currentEvent p {
        color: #3660E3;
        font-size: 15px
    }

    .sidebar-nav__button.button--currentEvent p.currentEvent {
        display: none
    }

    .sidebar-nav__button.button--currentEvent:hover p {
        color: #FFF
    }
}

.stories {
    display: block;
    border-left: 1px solid #87EC94;
    border-bottom: 1px solid #ddd
}

.stories__header {
    display: block;
    position: relative;
    background-color: #18322E;
    height: 40px;
    line-height: 40px;
    padding: 0 10px
}

@media screen and (min-width: 720px) {
    .stories__header {
        padding:0 20px
    }
}

.stories__headline {
    color: #FFF;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 65px
}

.stories__headline span {
    display: none
}

@media screen and (min-width: 600px) {
    .stories__headline span {
        display:inline-block
    }
}

.stories__count {
    display: none
}

@media screen and (min-width: 1024px) {
    .stories__count {
        display:block;
        position: absolute;
        right: 85px;
        top: 0;
        color: #FFF;
        font-family: 'Catamaran', sans-serif
    }
}

.stories__prev,.stories__next {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.stories__prev:hover,.stories__next:hover {
    background-color: #3660E3;
    border-color: #3660E3
}

.stories__prev:hover .stories__arrow,.stories__next:hover .stories__arrow {
    background: #3660E3
}

.stories__prev:hover .stories__arrow:before,.stories__next:hover .stories__arrow:before {
    border-right-color: #FFF
}

.stories__prev:hover .stories__arrow:after,.stories__next:hover .stories__arrow:after {
    border-right-color: #3660E3
}

.stories__prev {
    right: 40px
}

.stories__next {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.stories__arrow {
    position: relative;
    background: #18322E;
    top: 20px;
    left: 23px
}

.stories__arrow:after,.stories__arrow:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.stories__arrow:after {
    border-color: rgba(255,255,255,0);
    border-right-color: #18322E;
    border-width: 10px;
    margin-top: -10px
}

.stories__arrow:before {
    border-color: rgba(153,153,153,0);
    border-right-color: #FFFFFF;
    border-width: 13px;
    margin-top: -13px
}

.stories__content {
    display: block;
    background-color: #D0F0D4
}

.story {
    display: block
}

.story__media {
    display: block;
    background-color: #ddd;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 320px;
    margin-bottom: 10px
}

@media screen and (min-width: 1024px) {
    .story__media {
        position:absolute;
        width: 50%;
        height: 100%;
        top: 0;
        left: 0;
        margin-bottom: 0
    }
}

.story__text {
    display: block;
    font-size: 18px;
    color: #18322E;
    line-height: 25px;
    margin-bottom: 10px
}

.story__text--quote {
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px
}

.story__content {
    display: block;
    position: relative;
    padding: 10px
}

@media screen and (min-width: 720px) {
    .story__content {
        padding:20px
    }
}

@media screen and (min-width: 720px) {
    .story--media .story__content {
        min-height:300px
    }
}

.story__footer {
    display: block;
    height: 80px;
    background-color: #87EC94
}

.story__logo {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 140px;
    height: 100%;
    background-color: #FFF;
    text-align: center
}

.story__logo:after {
    display: block;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -10px;
    right: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #FFF
}

.story__logo img {
    max-width: 100px;
    max-height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.story__source {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 10px;
    height: 100%;
    width: calc(100% - 145px)
}

.story__source p {
    position: absolute;
    font-size: 15px;
    line-height: 20px;
    padding: 0 10px;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 720px) {
    .story__source p {
        padding:0 20px
    }
}

.tabs {
    display: block;
    position: relative
}

@media screen and (max-width: 1159px) {
    .tabs {
        height:auto !important
    }
}

.tabs:after {
    display: block;
    clear: both;
    content: '';
    height: 0px
}

.tab {
    display: block;
    margin-bottom: 20px
}

@media screen and (max-width: 1159px) {
    .tab {
        width:100% !important
    }
}

@media screen and (min-width: 1160px) {
    .tab {
        float:left;
        width: calc(25% - 10px);
        margin-right: 10px;
        margin-bottom: 0
    }

    .tab:last-child {
        margin-right: 0
    }
}

.tab__header {
    display: block;
    position: relative;
    background-color: #FFF;
    border: 2px solid #f1f2f2;
    font-size: 18px;
    line-height: 20px;
    color: #4c4c4c;
    height: 80px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    -ms-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s
}

.tab__header:hover {
    border-color: #3660E3
}

.tab.is-active .tab__header {
    background-color: #3660E3;
    color: #FFF;
    border-color: #3660E3
}

.tab.is-active .tab__header:after {
    display: block;
    position: absolute;
    content: '';
    left: 10px;
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #3660E3
}

.tab__header-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10px
}

.tab__content {
    display: none;
    background-color: #f1f2f2;
    border-top: 2px solid #3660E3;
    margin-top: 20px;
    padding: 10px
}

@media screen and (min-width: 720px) {
    .tab__content {
        padding:20px
    }
}

@media screen and (min-width: 1160px) {
    .tab__content {
        position:absolute;
        left: 0;
        width: 100%
    }
}

.tab__content .box p,.tab__content .box ul {
    margin-top: 20px
}

.tab__content .box p:first-child,.tab__content .box ul:first-child {
    margin-top: 0
}

.tab.is-active .tab__content {
    display: block
}

.home__national-network {
    display: none
}

@media screen and (min-width: 720px) {
    .home__national-network {
        display:block
    }
}

@media screen and (min-width: 1160px) {
    .home__national-network {
        padding:75px 0
    }
}

.home-stories {
    padding: 0
}

@media screen and (min-width: 720px) {
    .home-stories {
        padding:20px
    }
}

.home-stories .button,.home-stories .storelocator-panel .location-search input.btn-reset,.storelocator-panel .location-search .home-stories input.btn-reset {
    width: 100%
}

@media screen and (min-width: 720px) {
    .home-stories .button,.home-stories .storelocator-panel .location-search input.btn-reset,.storelocator-panel .location-search .home-stories input.btn-reset {
        width:auto
    }
}

.home-stories__image {
    display: block;
    width: 100%
}

.home-stories__text {
    display: none
}

@media screen and (min-width: 720px) {
    .home-stories__text {
        display:block
    }
}

.im-struggling__headline {
    font-size: 25px;
    font-weight: 900;
    line-height: 30px;
    color: #18322E
}

@media screen and (min-width: 720px) {
    .im-struggling__headline {
        font-size:30px;
        line-height: 40px
    }
}

.im-struggling-select-container {
    display: block;
    position: relative
}

.im-struggling-select-container:before {
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #3660E3;
    top: 50%;
    right: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 720px) {
    .im-struggling-select-container {
        display:none
    }
}

.im-struggling-select-container__arrow {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 40px;
    background-color: #87EC94
}

.im-struggling-select {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    background-color: #FFF;
    border-radius: 0;
    border: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #3660E3;
    padding: 15px 10px;
    outline: none;
    font-family: 'Catamaran', sans-serif;
    font-weight: 600
}

.im-struggling-grid {
    display: none
}

.im-struggling-grid h3 {
    font-size: 18px;
    line-height: 25px;
    color: #FFF
}

@media screen and (min-width: 720px) {
    .im-struggling-grid h3 {
        font-size:20px;
        line-height: 25px
    }
}

@media screen and (min-width: 720px) {
    .im-struggling-grid {
        display:block
    }
}

.home__im-struggling {
    background: #3660E3;
    margin: 10px;
    padding: 10px 0
}

.home__im-struggling h2,.home__im-struggling p {
    color: #FFF
}

@media screen and (min-width: 600px) {
    .home__im-struggling {
        margin:10px 20px
    }
}

@media screen and (min-width: 720px) {
    .home__im-struggling {
        background:transparent;
        padding: 0;
        margin: 20px 0
    }

    .home__im-struggling h2,.home__im-struggling p.large {
        color: #18322E
    }
}

.page-template-page_inner .page {
    display: block
}

.page-template-page_inner .page>.wrapper {
    padding: 0;
    position: relative
}

.page-template-page_inner .page:after {
    display: block;
    content: '';
    clear: both;
    height: 0px
}

.page__headline {
    margin-bottom: 0;
    color: #18322E;
    font-size: 28px;
    font-weight: 900;
    line-height: 30px
}

@media screen and (min-width: 720px) {
    .page__headline {
        font-size:44px;
        line-height: 55px
    }
}

@media screen and (min-width: 1024px) {
    .page__headline {
        margin-bottom:20px
    }
}

.page__share {
    margin-top: 10px;
    margin-bottom: 20px
}

@media screen and (min-width: 1024px) {
    .page__share {
        display:block;
        float: right
    }
}

.post-content-text {
    display: block;
    margin: 1em 0
}

.post-content-text p,.post-content-text ul,.post-content-text ol {
    margin-bottom: 1em
}

.post-content-image {
    display: block;
    margin: 1em 0
}

.post-content-video {
    display: block
}

.post-content-video iframe {
    display: block;
    width: 100%;
    height: 300px
}

@media screen and (min-width: 600px) {
    .post-content-video iframe {
        height:400px
    }
}

@media screen and (min-width: 1160px) {
    .post-content-video iframe {
        height:450px
    }
}

.invisible-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

/*# sourceMappingURL=style.css.map */