/*FFA HOME V2 - KLEWIS - LAST MODIFIED 2016 01 28 */

/* MAIN SECTIONS */

#home-top {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #ffcd00 url(/SiteCollectionImages/ffa_logos_2109x2221b.gif) center center no-repeat;
    border-bottom: solid 0.313em #004c97;
}

#home-mid {
    position: relative;
    max-width: 53.438em;
    margin: 0 auto;
}

/* RANDOM PHOTO AREA */

#home-top .text {
    position: relative;
    bottom: 4.580em;
    max-width: 26.738em;
    padding: 0.500em 0;
    margin: 0 auto -4.580em;
    font-size: 2em;
    background: white;
    color: #3949a0;
    -moz-opacity: 0.80;
    opacity: .80;
    filter: alpha(opacity=80);
}

    #home-top .text span {
        display: block;
        font-size: 0.700em;
    }

#home-top img {
    max-width: 100%;
    width: auto\9;
    height: auto;
}

/* FLEX SLIDER */

#carousel-home {
    visibility: hidden;
    position: relative;
    max-width: 30.000em;
    margin: 2.500em auto -1.250em;
    background: none;
    text-align: center;
    box-shadow: none;
    border: none;
}

    #carousel-home .notransition {
        -webkit-transition: 0s !important;
        transition: 0s !important;
        -webkit-transform: none !important;
    }

    #carousel-home .ffastandards {
        position: relative;
        margin: 0 auto;
        text-align: center;
        max-width: 30.000em;
        display: inline-block;
    }

        #carousel-home .ffastandards li {
            display: inline-block;
            margin: 0 auto;
        }

            #carousel-home .ffastandards li a {
                display: block;
                line-height: 2em;
                color: #da291c;
                background: #fff;
                border: solid 0.100em #da291c;
                text-decoration: none;
                text-transform: uppercase;
            }

                #carousel-home .ffastandards li a:hover {
                    cursor: pointer;
                }

            #carousel-home .ffastandards li.flex-active-slide a {
                color: #fff;
                background: #da291c;
            }

#slider-home {
    margin-top: 1.875em;
    border: none;
    box-shadow: none;
}

    #slider-home .slides p {
        padding: 0 0.500em;
        color: #555;
        text-align: center;
    }

    #slider-home .text {
        display: inline-block;
        max-width: 60%;
        text-align: left;
        font-size: 0.900em;
        margin: 0 0 3em;
    }

#voice img {
    display: inline-block;
    vertical-align: top;
    max-width: 12%;
    margin: 0 0.7em;
}

#voice small {
    font-weight: bold;
    font-size: 0.850em;
    color: #888;
}

.flex-direction-nav a {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    color: #ddd;
    height: 2.813em !important;
    top: 20% !important;
}

    .flex-direction-nav a:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=80);
    }

.carousel-line {
    visibility: visible;
    border: 0;
    height: 0.100em;
    background: #da291c;
}

/* BLUE BOX FEATURES */

#features {
    padding: 0;
    margin: 1em auto;
    text-align: center;
}

    #features p {
        margin: 0;
        padding: 0 0.313em;
    }

    #features .screen a {
        padding: 0.313em;
        font-size: 0.850em;
    }

    #features hr {
        visibility: hidden;
    }

    #features .sb {
        margin: 0.313em;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 12.500em;
        height: 8.688em;
    }

    #features .screen {
        position: relative;
        height: 100%;
        width: 100%;
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        background: #004c97;
    }

        #features .screen, #features .screen a, #features .screen p {
            color: #fff;
            text-decoration: none;
        }

            #features .screen a {
                padding: 0.250em;
            }

                #features .screen a:first-child {
                    padding-top: 0.650em;
                    font-size: 1.000em;
                }

                #features .screen a:hover {
                    color: #fff;
                    text-decoration: underline;
                }

    #features .screentitle {
        display: block;
        padding: 0.625em;
        font-size: 1.125em;
    }

    #features.home .feature1 {
        background: transparent url(/SiteCollectionImages/home-feature-my-journey_208x137.jpg) top left no-repeat;
    }

    #features.home .feature2 {
        background: transparent url(/SiteCollectionImages/home-feature-alumni_207x137.jpg) top left no-repeat;
    }

    #features.home .feature3 {
        background: transparent url(/SiteCollectionImages/home-feature-programs_208x137.jpg) top left no-repeat;
    }

    #features.home .feature4 {
        background: transparent url(/SiteCollectionImages/home-feature-amplify_208x137.jpg) top left no-repeat;
    }

/* RSS NEWS */

#news {
    margin-top: 2.5em;
    position: relative;
    text-align: center;
}

    #news h3 {
        position: relative;
        margin: -1em auto -1em;
        width: 12.500em;
        line-height: 2em;
        color: #da291c;
        font-size: 1em;
        font-weight: normal;
        background: #fff;
        border: solid 0.100em #da291c;
    }

    #news .news-line {
        visibility: visible;
        margin: 0 auto;
        max-width: 53.438em;
        height: 0.063em;
        border: 0;
        background: #da291c;
    }

    #news ul {
        display: inline-block;
        vertical-align: top;
        margin: 2em 0 0;
        width: 100%;
        max-width: 25.313em;
        list-style: none;
    }

    #news li {
        margin: 1em 0;
    }

    #news h2 {
        display: inline-block;
        vertical-align: top;
        height: 3.000em;
        width: 3.000em;
        line-height: 1.5em;
        border-radius: 50%;
        border: solid 0.125em #b2b2b2;
    }

        #news h2 a.ext {
            font-size: 0.400em;
            font-weight: bold;
            color: #b2b2b2;
            text-decoration: none;
        }

        #news h2 span {
            display: block;
            line-height: 0;
            font-size: 2.000em;
            color: #b2b2b2;
        }

            #news h2 a.ext:hover, #news h2 span:hover {
                border-color: #004c97;
                color: #004c97;
            }

    #news p {
        display: inline-block;
        padding-left: 0.625em;
        width: 26em;
        min-height: 4.688em;
        font-size: 0.750em;
        text-align: left;
    }

        #news p a.title {
            display: block;
            color: #004c97;
            text-decoration: none;
            font-weight: bold;
        }

    #news .ext {
        color: #004c97;
        text-decoration: underline;
    }


/*NOTIFICATIONS*/

#notifications-global {
    max-width: 56.250em;
    margin: 0 auto;
    padding: 0.188em;
    color: white;
    font-size: 1em;
    text-align: center;
}

    #notifications-global .note p {
        margin: 0.600em auto;
        padding: 0.18em 4em; 
        font-size: 0.9em;
        line-height: 2em;
        background-color: #da291c;
    }

    #notifications-global .note a {
        color: white;
        font-size: 1em;
        font-family: verdana, serif;
        text-decoration: underline;
    }

    #notifications-global .arrow {
        margin: 0 0 0 0.4em;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 0.875em;
        height: 1.750em;
    }
	
            #notifications-global p {
            	position:relative;
            }
          
			#notifications-global p .notification-btn-close {
			position:absolute;
			right:0.6em;
			top:0.6em;
			width:1.2em;
			height:1.2em;
			text-align:center;
			font-family:arial;
			font-size:1.5em;
			border:0.125em solid white;
			border-radius:5em;
			background-color:#ee3124;
			overflow:visible;
			line-height:0.8em;
			text-decoration:none;   
		}	

/* FFA.ORG V2 MEDIA QUERIES - KLEWIS */

@media screen and (max-width: 630px) {

    /*RANDOM PHOTO LOAD*/
    #home-top .midphoto-set .text span a {
        font-size: 1.500em;
        text-decoration: underline;
    }

    #home-top .midphoto-set .text {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 600px) {
    #home-top {
        overflow: visible;
    }

        #home-top .text {
            opacity: 1.0;
            border-top: solid 0.230em #004c97;
        }

        #home-top .midphoto-set .text {
            margin-bottom: 0;
            margin-top: -0.400em;
            bottom: 0;
        }

    /* NEWS */

    #news > ul + ul {
        margin: -1.00em 0 0;
    }

    /*FLEX SLIDER*/

    #slider-home .text {
        width: 90%;
    }

    #voice img {
        width: 10%;
    }
}

@media screen and (max-width:470px) {

    /*RANDOM PHOTO LOAD*/
    #home-top .midphoto-set .text {
        font-size: 1em;
    }
}

@media screen and (max-width: 445px) {

    /*BLUE BOX FEATURES*/
    #features .sb {
        margin: 0.250em 0 0 0;
        width: 9.500em;
    }
}

@media screen and (max-width: 360px) {

    /*NEWS*/
    #news h2 {
        height: auto;
        border: none;
        display: block;
    }

        #news h2 span {
            display: inline-block;
            padding-left: 0.313em;
        }
}