/* FSA HOME  */
.fsa-home.section-lifted{
    font-family:'Roboto', Arial;
}
.fsa-home .section-intro{
    text-align:center;
    background:url(../img/fsa_top_bg.jpg) top center no-repeat;
}

/*.fsa-home .section-intro p{padding:1em 2em;}*/

.fsa-home .section-intro h2{
    background:url(../img/fsa_title.png) top center no-repeat;
    min-height:100px;
    margin: 0px;
}

.fsa-home .card{
    box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
    background-color:#fff;
    padding:15px;
}

.fsa-home .card-icon-cont{
    text-align:center;
}
.fsa-home .card-icon{
    display:inline-block;
    background-image:url(../img/fsa_icons_main_sprite.png);
    background-repeat:no-repeat;
    width:75px;
    height:75px;
}
.fsa-home .card-title{
    text-align:center;
    font-weight:500;
    margin-top:0px;
}

.fsa-home .icon-overview{
    background-position:-8px 0px;
}
.fsa-home .icon-ag-report{
    background-position:-145px 0px;
}
.fsa-home .icon-pattern{
    background-position:-300px 0px;
}
.fsa-home .icon-needs-programs{
    background-position:-455px 0px;
}
.fsa-home .icon-policies{
    background-position:-607px 0px;
}
.fsa-home .icon-faq{
    background-position:-764px 0px;
}

.fsa-home .card-desc{
    color:#333;
    line-height:1.5em;
}
#section_cards:after{
    content:" ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


/*
#resources{padding:15px 15px 30px;}
.resource{margin:15px 18px; padding:15px; cursor:pointer; border:1px solid #fff; }
.resource h3{padding: 0px; margin:5px 0px 0px;}
.resource p{padding:0px; margin:6px 0px; opacity:0.8; }
.resource a{ margin-top:20px; outline:none;}
.resource:hover a{text-decoration:underline;}


.resource.faq a, .resource.pattern a{color:#333;}

.resource.law a{color:#fff;}
#resources:after{content: ' '; height:0px; clear:both; visibility:hidden; display:block;}

.angle-right{ font-weight:bold; font-size:0.90em; }


#partnerships{padding: 30px 0px;}
.connect-text{
    border-top:1px solid #dbdbdb;
    text-align:center;
}
.connect-text span{
    display:block;
    margin:-14px auto 0px;
}
.connect-text em{
    display:inline-block;
    padding:3px 6px;
    background-color:#fff;
    color:#757575;
    font-size:0.95em;
}
#logo_cont{
    padding-top:30px;
}
#logo_cont ul{
    list-style-type: none;
}

#logo_cont li a{
    line-height: 45px;
    display:block;
    background-image:url(../img/fsa_partnership_sprite.png); background-repeat:no-repeat;
    margin: 0px 20px;
}

.logo-hudson a{ width:200px; background-position:0px 3px;}
.logo-nic a{ width: 100px; background-position:0px -45px;}
.logo-nij a{width: 300px; background-position:0px -100px;}
.logo-unicor a{width: 110px; background-position:0px -167px;}

#resources{
    padding-bottom: 100px;
    padding-top: 50px;
}

*/











/* OVERVIEW PAGE */
.overview h3{
    text-align:center;
    font-size:1.6em;
    font-weight:normal;
    margin-top: 0px;
    margin-bottom:40px;
}
#overview_main{
    font-family:Roboto, Arial, sans-serif;
}
.overview-section{
    border-top: 1px solid #dbdbdb;
    margin-top: 60px;
    padding: 60px 30px;
}

.overview .card-icon-cont{
    text-align:center;
}
.overview .card-icon{
    display:inline-block;
    background-image:url(../img/fsa_icons_sprite.png);
    background-repeat:no-repeat;
    width:75px;
    height:75px;
}
.overview .icon-sent-reform{
    background-position:-8px 0px;
}
.overview .icon-incentives{
    background-position:-145px 0px;
}
.overview .icon-confinement{
    background-position:-300px 0px;
}
.overview .icon-account{
    background-position:-455px 0px;
}
.overview .icon-corr-reform{
    background-position:-607px 0px;
}
.overview .icon-recid{
    background-position:-764px 0px;
}











/* AG REPORTS PAGE */
.agreport .back{
    margin-top:30px;
}





/* PATTERN PAGE */
.pattern-resource{
    margin:15px 10px;
    padding:3px;
    min-height:150px;
    float:left;
    width:280px;
    border:1px solid #ccc;
    border-radius:3px;
    margin:15px;
    transition: 0.2s;
    border-radius:3px;
}

.pattern-resource .bg{
    min-height:100px;
    text-align:center;
}

.pattern-resource .bg img{
    display: inline-block;
    margin-top: 25px;
}

.pattern-resource .text{
    text-align:center;
    padding:20px;
}

.pattern-resource a{
    color:#003366;
    text-decoration: none;
}

.pattern-resource:hover a{
    color:#0088cc;
}

.pattern-resource:hover{
    box-shadow:1px 1px 10px 2px rgba(0,0,0,0.2);
    border-color:#b0cdf2;
    cursor: pointer;
}

 .pattern-male-tool .bg{
    background: linear-gradient(45deg, #22a0c0, #9eeab2);
 }

 .pattern-female-tool .bg{
    background: linear-gradient(45deg, #3e6ace, #ba8ef8);
 }


.pattern-codes .bg, .pattern-cut-pts .bg{
    background-color:#f2f2f2;
}


.pattern .back{
    padding:60px 30px;
}








/* POLICIES STYLES */
.policies-section{
    padding:30px;
}
.policies-section h4{
    font-size:1.7em;
    margin-bottom:40px;
    color:#333;
}
.policies-section ul{
    margin:20px 0px;
    padding:0px;
    font-size:0.9em;
}
.policies-section li{
    padding:15px 0px;
    margin:0px;
    list-style-type:none;
}
.policy-name{
    font-size:1.2em;
    font-weight:normal;
    padding-bottom:2px;
}
.policy-link{
    opacity:0.9;
}







/* SHARED STYLES */

.resources{
    padding-bottom: 30px;
}
.resources div:first-child{
    margin-top:50px;
}
.resource{
    clear:both;
    margin:15px 10px;
    padding:3px;
    min-height:150px;
}
.cover-link img:hover{
    box-shadow: 6px 6px 3px 0px rgba(0,0,0,0.3);
    transition:0.3s;
}

.resource img{
    float:left;
    margin:10px;
    display:inline-block;
}
.resource a{
    font-size:1.3em;
    text-decoration:none;
}
.resource a:hover{
    text-decoration:underline;
}
.resource-info{
    padding: 10px 10px 10px 130px;
}
.resource p{
    font-size:0.9em;
    color:#333;
}

.back{
    clear:both;
    font-size:0.9em;
    padding:3em 0em;
}
.back a{ text-decoration:none;}
.back a:hover {text-decoration:underline;}