@import url('../fonts/source-sans-pro/source-sans-pro.css');

.pcn-main-header-container {
    display: flex;
        -o-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
        flex-direction: column;
}

.pcn-main-nav-purple{
    color:#60479A;
}
.pcn-main-nav-teal{
    color:#008C95;
}
.pcn-form-card {
    display: flex;
        flex-direction: column;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.pcn-form-card-title{
        font-family: 'Source Sans Pro', sans-serif;
          font-weight: 700;
          font-size: 28px; 
          color: #60479A;
          text-align: center;
          width: 300px;
    }
.pcn-form-card-description{
        font-family: 'Source Sans Pro', sans-serif;
          font-weight: 300;
          font-size: 18px; 
          color: #2B2E34;
          text-align: center;
          width: 260px;
          
    }
.pcn-form-action-button {
        background-color: #008C95;
        color: white;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        font-size:19px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        padding: 10px;
        cursor: pointer;
        margin-top: 20px;
        margin-bottom: 20px
    }
    .pcn-form-action-button:hover {
        background-color: #005B60;
    }
/*Coming Soon*/
.pcn-teaser-coming-soon {
    background-color: #008C95;
    color: white;
    height: 44px;
    width: 300px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.pcn-teaser-coming-soon > h1 {
    margin: auto 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
}


/* Small screen devices (600px and above) */
@media only screen and (max-width: 595px) {
    .pcn-main-header-container {
        flex-direction: row;
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .pcn-inner-hero-container {
        background-image: url(/media/dssm4cck/inner_logomark_bg_web.png);  
            /*height: 76px;
            width: 414px;*/
            max-width: 414px;
            max-height: 76px;
            min-height: 76px;
        -ms-background-size: cover;
        background-size: cover;
            display: flex;
        -o-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
            flex-direction: column;
    }

    .pcn-inner-hero-text{
            font-family: 'Source Sans Pro', sans-serif;
            font-weight: 700;
            font-size: 20px; 
            color: white;
            max-width: 300px;
        }
    .pcn-teaser-list-home-resources {
        display: flex;
        -o-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -moz-align-content: center;
        -o-align-content: center;
        -webkit-align-content: center;
        align-content: center;
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 50px;
        height: 400px;
        width: 100%;
    }

    .pcn-teaser-list-title{
        color:#60479A;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        font-size:22px;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 5px;
        margin: 0;
    }
    .pcn-teaser-list-description{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 300;
        font-size:18px;
        text-align: center;
        width: 240px;
    }
    .pcn-teaser-action-button {
        background-color: #008C95;
        color: white;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        font-size:19px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        padding: 10px;
        cursor: pointer;
        margin-top: auto;
        margin-bottom: 25px
    }
    .pcn-teaser-action-button:hover {
        background-color: #005B60;
    }
    .pcn-teaser-item-container-resources {
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
        justify-content: space-evenly;
        display: flex;
        flex-direction: column;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 10px;
        /*height: 300px;*/
        width: 240px;
    }

    .pcn-teaser-item-container-resources > img{
        height: 80px;
    }
    .pcn-health-wellness-subtitle{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 300;
        font-size: 24px;
        text-align: left;
        display: flex;
        row-gap: 30px;
        flex-direction: column;
        padding-bottom: 20px;
        width: 1105px;
        line-height: 34px;
    }
}


/* Medium screen devices (768px and above) */
@media only screen and (min-width: 768px) {
    .pcn-main-header-container {
        flex-direction: row;
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .pcn-inner-hero-container {
        background-image: url(/media/dssm4cck/inner_logomark_bg_web.png); 
            /*height: 187.47px;
            width: 1024px;
            background-size: 100%;*/
            max-width: 1024px;
            max-height: 187px;
            min-height: 187px;
            display: flex;
        -o-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
            flex-direction: column;
    }

    .pcn-inner-hero-text{
            font-family: 'Source Sans Pro', sans-serif;
            font-weight: 700;
            font-size: 42px; 
            color: white;
            width: auto;
            max-width: 900px;
            text-align: center;
        }
    .pcn-teaser-list-home-resources {
        display: flex;
        -o-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -moz-align-content: center;
        -o-align-content: center;
        -webkit-align-content: center;
        align-content: center;
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 50px;
        height: auto;
        /*width: 800px;*/
    }

    .pcn-teaser-list-title{
        color:#60479A;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        font-size:22px;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 5px;
        margin: 0;
        /*width: 160px;*/
    }
    .pcn-teaser-list-description{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 300;
        font-size:18px;
        text-align: center;
        
    }
    .pcn-teaser-action-button {
        background-color: #008C95;
        color: white;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        font-size:19px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        padding: 10px;
        cursor: pointer;
        margin-bottom: 25px
    }
    .pcn-teaser-action-button:hover {
        background-color: #005B60;
    }
    .pcn-teaser-item-container-resources {
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
        justify-content: space-evenly;
        display: flex;
        flex-direction: column;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 230px;
        row-gap: 10px;
    }

    .pcn-teaser-item-container-resources > img{
        height: 80px;
    }
    .health-wellness-subtitle {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 300;
        font-size: 20px;
        text-align: left;
        display: flex;
        row-gap: 30px;
        flex-direction: column;
        padding-bottom: 20px;
        width: 720px;
        line-height: 24px;
    }
}

/* Extra big screen devices (1200px and above) */
@media only screen and (min-width: 1200px) {
    .pcn-main-header-container {
        display: flex;
        -o-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .pcn-main-header-wrap-ul {
        display: flex;
        -o-justify-content: space-around;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
        -moz-align-content: center;
        -o-align-content: center;
        -webkit-align-content: center;
        align-content: center;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        column-gap: 20px!important;
    }

    .pcn-inner-hero-container {
        background-image: url(/media/dssm4cck/inner_logomark_bg_web.png); 
            /*height: 352px;
            width: 1920px;
            background-size: 100%;*/
            max-width: 1900px;
            max-height: 351px;
            min-height: 351px;
            display: flex;
        -o-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
            flex-direction: column;
            row-gap: 30px;
    }

    .pcn-inner-hero-text{
            font-family: 'Source Sans Pro', sans-serif;
            font-weight: 700;
            font-size: 62px; 
            color: white;
            width: auto;
            max-width: 1700px;
        }
    .pcn-teaser-list-home-resources {
        display: flex;
        -o-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -moz-align-content: center;
        -o-align-content: center;
        -webkit-align-content: center;
        align-content: center;
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 70px;
        height: auto;
    }

    .pcn-teaser-list-home-resources > ul {
        display: flex;
        -o-justify-content: center!important;
        -webkit-justify-content: center!important;
        justify-content: center!important;
        column-gap: 130px!important;
        row-gap: 60px !important;
    }

    .pcn-teaser-list-title{
        color:#60479A;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        font-size:28px;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 5px;
        margin: 0;
        width: auto;
    }
    .pcn-teaser-list-description{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 300;
        font-size:18px;
        text-align: center;
        
    }
    .pcn-teaser-action-button {
        background-color: #008C95;
        color: white;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        font-size:19px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        padding: 10px;
        cursor: pointer;
        margin-top: auto;
        margin-bottom: 25px
    }
    .pcn-teaser-action-button:hover {
        background-color: #005B60;
    }
    .pcn-teaser-item-container-resources {
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
        justify-content: space-evenly;
        display: flex;
        flex-direction: column;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 10px;
        /*height: 260px;*/
        width: 280px;
    }
}