﻿/*All viewports*/

.getting-started {
    /* padding-bottom: 40px; */
    padding-bottom: 17px;
    padding-top: 30px;
    background-color: #107C10;
    min-height: 130px;
}

.section-icon.get-started-icon {
    background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/icon.png) !important;
    background-repeat: no-repeat !important;
    display: block;
    float: left;
    height: 51px;
    margin-right: 5%;
    margin-top: 10px;
    width: 51px;
}

.choose-prog-navlink .link-right-arrow {
    background: url(/about/philanthropies/youthspark/youthsparkhub/images/desktop/right-arrow-icon-new.png) no-repeat scroll 12px 20px rgba(0,0,0,0) !important;
    display: inline-block;
    height: 33px;
    width: 0px;
    padding: 0 17px 0 12px;
}

.getting-started ul.navigationList {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.getting-started .subnav-social-list {
    display: inline-block;
    position: relative;
}

    .getting-started .subnav-social-list li {
        display: inline;
    }

.getting-started ul * {
    color: #fff;
    font: 24px 'SegoeUILight', 'SegoeUI';
}

.getting-started-nav ul.navigationList > li a:focus, .getting-started-nav ul.navigationList > li a:hover {
    color: #fff;
text-decoration: underline;
}

.getting-started-nav ul.navigationList > li > a > span.link-right-arrow {
    background: url(/about/philanthropies/youthspark/youthsparkhub/images/desktop/right-arrow-icon-new.png) no-repeat scroll 12px 5px rgba(0,0,0,0);
    display: inline-block;
    height: 33px;
    width: 0px;
    padding: 0 17px 0 12px;
}

    .getting-started-nav ul.navigationList > li > a > span.link-right-arrow.rotate90 {
        background-position: 23px 7px;
        padding: 0 19px 0 14px;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Opera, Chrome, and Safari */
        margin: 0 -10px 0 0;
    }

.action-plan .sub-nav-social .subnav-social-list .download-action-plan a {
    line-height: 34px;
}

/*.action-plan .sub-nav-social .onenote-dwn, .action-plan .sub-nav-social .word-dwn, .action-plan .sub-nav-social .pdf-dwn
{
background: url("/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/download-get-started.png") no-repeat scroll 0px 5px rgba(0,0,0,0);
margin-right: 10px !important;
height: 35px !important;
}*/

.action-plan .sub-nav-social .onenote-dwn {
    background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/get_started_icons/get_started_white_sprite.png) no-repeat center top;
    margin-right: 10px !important;
    height: 35px !important;
}

.action-plan .sub-nav-social .word-dwn {
    background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/get_started_icons/get_started_white_sprite.png) no-repeat left top;
    margin-right: 10px !important;
    height: 35px !important;
}

.action-plan .sub-nav-social .pdf-dwn {
    background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/get_started_icons/get_started_white_sprite.png) no-repeat right top;
    margin-right: 10px !important;
    height: 35px !important;
}




/*only Desktop*/
@media (min-width:1180px) {
    .getting-started ul * {
        color: #fff;
        font: 24px/17px 'SegoeUILight', 'SegoeUI';
    }

    .getting-started-nav {
        width: 70%;
        float: left;
        margin-top: 13px;
    }

    .getting-started ul.navigationList > li:nth-child(1) {
        width: 35%;
    }

    .getting-started ul.navigationList > li:nth-child(4) {
        width: 25%;
    }

    .getting-started ul.navigationList > li {
        display: inline-table;
        width: 31%;
        box-sizing: border-box;
    }


    .spread-word-link .sub-nav-social, .stay-connected .sub-nav-social {
        padding-top: 16px;
    }

    .action-plan.get-started-dropdown .sub-nav-social {
        padding-top: 12px;
        max-width: 290px;
    }

    .action-plan.get-started-dropdown .subnav-social-list {
        max-width: 290px;
        width: 190px;
    }

    .action-plan .sub-nav-social .subnav-social-list .download-action-plan a {
        margin-left: 3px;
    }

    .action-plan.get-started-dropdown .toggleClick {
        width: 160px;
    }
}

/* Tablet and mobile */
@media (max-width:1179px) {
    .getting-started-nav .sub-nav-social {
        position: relative;
    }

    .getting-started .action-plan.get-started-dropdown .sub-nav-social {
        position: relative;
    }

    .action-plan .subnav-social-list {
        position: relative;
    }

    .getting-started .action-plan.get-started-dropdown .sub-nav-social {
        display: block;
        width: 300px;
        padding: 0 15px 15px;
    }

    .getting-started .bottom-container.container {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .getting-started-nav {
        width: 100%;
    }

        .getting-started-nav ul.navigationList {
            width: 100%;
        }

            .getting-started-nav ul.navigationList > li:nth-child(4) {
                border-bottom: none;
            }

            .getting-started-nav ul.navigationList > li {
                box-sizing: border-box;
                border-top: 2px solid #fff;
                padding: 0 3% 0 2%;
            }

                .getting-started-nav ul.navigationList > li br {
                    display: none;
                }

                .getting-started-nav ul.navigationList > li > a {
                    display: block;
                    padding: 10px 7px;
                }
}

/*only Tablet*/
@media (min-width:768px) and (max-width:1179px) {
}

/*only mobile*/
@media (max-width:767px) {
}

@media (min-width:0px) and (max-width:362px) {
    .getting-started-nav ul.navigationList > li.action-plan br {
        display: block;
    }
}
@media (min-width:0px) and (max-width:1179px) 
{
.getting-started-nav ul.navigationList > li > a > span.link-right-arrow {
    background: url(/about/philanthropies/youthspark/youthsparkhub/images/desktop/right-arrow-icon.png) no-repeat scroll 12px 12px rgba(0,0,0,0);
}
}

