/* Homepage */
#homepage-slider{
    padding:0;
    width:100%;
}
#soliloquy-container-31{
    width:100%;
}
#home-carousel{
    height:490px;
    background:#000;
}
#home-carousel .item{
    background:#000;
}
#home-carousel img{
    margin:0 auto;
}
#home-carousel .carousel-caption{
    background:transparent;
    left:0;
    right:50%;
    padding:5px;
    bottom:40px;
}
#home-carousel .carousel-indicators{
    bottom:60px;
    display:none;
}
#home-carousel h1{
    font-weight:normal;
    text-transform:uppercase;
    text-shadow:none;
    text-align:left;
    margin:5px 0 0 40px;
}
#home-carousel p{
    text-align:left;
    margin-left:40px;
    text-shadow:none;
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
}
#whats-new {
    padding:0;
    background-color:#dedede;
    text-align:center;
    padding-bottom:20px;
}
#whats-new-inner{
    background-image:url('../images/pinkline.jpg');
    background-repeat:repeat-x;
    background-position: center;
    background-position-y: 30%;
    max-height:250px;
    
}
#whats-new h1 a{
    text-align:center;
    padding-bottom:10px;
    margin-top46;
    color:#FF2E6A;
}
#whats-new .glyphicon{
    font-weight:300; 
    font-size:26px; 
}

/*BEGIN --> Whats New Carousel - Uses cycle2*/
/*#home-main-content { overflow:hidden; } /*needed for whats new slider repositioning at screen size smaller than 1170*/
#whats-new-inner { overflow:hidden; }
#whats-new-inner .container {width:1170px; position:relative;} /*needed for whats new carousel repositioning at screen size smaller than 1170*/

/*new container for moved buttons*/
#whats-new-next-prev-container {  height: 1px; position: relative; max-width: 1170px; margin: auto; }
#whats-new-next-prev-container .glyphicon-chevron-right, #whats-new-next-prev-container .glyphicon-chevron-left { 
    position: absolute; height: 146px; width: 98px; border: 0px solid; z-index: 1; font-size: 70px; color:#FF2E6A; background: #dedede; 
}
#whats-new-next-prev-container .glyphicon-chevron-right::before { position: relative; top: 38px; border: 0px solid; }
#whats-new-next-prev-container .glyphicon-chevron-left::before { position: relative; top: 38px; border: 0px solid;}    

/*#whats-new-next-prev-container .glyphicon-chevron-right::before, #whats-new-next-prev-container .glyphicon-chevron-left::before { position: absolute; top: 40px; left: 0; right: 0;}
*/
#whats-new-next-prev-container .glyphicon-chevron-right { right: -100px; }
#whats-new-next-prev-container .glyphicon-chevron-left { left: -100px; }
@media all and  (max-width: 1370px) {
    #whats-new-next-prev-container .glyphicon-chevron-right { right: 0px; }
    #whats-new-next-prev-container .glyphicon-chevron-left { left: 0px; }    
}

@media all and (max-width: 320px) {
    #whats-new-next-prev-container .glyphicon-chevron-right, #whats-new-next-prev-container .glyphicon-chevron-left { width: 53px; font-size: 60px; border: 0px solid;}
    #whats-new-next-prev-container .glyphicon-chevron-right::before { right: 7px; }
    #whats-new-next-prev-container .glyphicon-chevron-left::before { right: 4px; }    

}
@media all and (min-width: 321px ) and (max-width: 400px) {
    #whats-new-next-prev-container .glyphicon-chevron-right, #whats-new-next-prev-container .glyphicon-chevron-left { width: 70px; font-size: 60px; border: 0px solid #000;}
    #whats-new-next-prev-container .glyphicon-chevron-right::before { right: 7px; }
    #whats-new-next-prev-container .glyphicon-chevron-left::before { right: 4px; }    

}



#whats-new .wn-navigation {cursor:pointer;}
#whats_new_carousel { 
  min-height:245px; 
  width:1140px !important;
}
#whats_new_carousel .part-wrapper { 
  height:158px;
  width:228px; 
}
#whats_new_carousel .part-wrapper a {
  display:block;
  position:relative;
}
#whats_new_carousel .part-wrapper a img {
  display:block;
  margin:auto;
  position:relative;
}
#whats_new_carousel .part-wrapper.last { margin-right:0; }
#whats_new_carousel .part-wrapper > a > img { 
  border:3px solid transparent;
  max-height:146px;
  width:215px;
}
#whats_new_carousel .part-wrapper > a:hover { text-decoration:none; }
#whats_new_carousel .part-wrapper .carousel-caption {
  top:0; 
  color:#333333;
  display:none;
  left:0;
  margin:155px auto 0;
  min-height:70px;
  padding:0;
  position:absolute;
  right:inherit;
  text-shadow:none;
  width:100%;
}
#whats_new_carousel .part-wrapper .carousel-caption > p {
  margin:0; 
  white-space:initial;
  line-height:17px;
}
#whats_new_carousel .part-wrapper.priority > a > img { border:3px solid #FF2E6A; }
#whats_new_carousel .part-wrapper.priority .carousel-caption { display:block; }
/*END --> Whats New Carousel - Uses cycle2*/

.smalllogo { 
    background:url('../images/image-sprite.png') -146px -140px no-repeat;
    height:70px;
    width:86px;
    margin: -30px auto 0 auto;
}
#whatiscla{
    background:#ffb41f;
    text-align:center;
    padding:0;
    padding-bottom:30px;
}
#whatiscla h1, #making-learning-relevant h1, #signup h1{
    text-align:center;
    color:#fff;
}
#whatiscla p{
    color:#fff;
    font-size:18px;
    line-height:28px;
    margin-top:20px;
    margin-bottom:15px;
}
#whatiscla a{
    color:#fff;
    margin-left:5px;
}
#graphic-carousel{
    background:#fff;
    padding-top:30px;
    max-height:497px;
}
#graphic-carousel .carousel-control.left{
    background:url('../images/image-sprite.png') no-repeat -232px -140px;
    height:47px;
    width:21px;
    top:45%;
    left:15%;
}
#graphic-carousel img { margin:0 auto; }
#graphic-carousel .carousel-control.right{
    background:url('../images/image-sprite.png') no-repeat -253px -140px;
    height:47px;
    width:21px;
    top:45%;
    right:15%;
}
#get-involved{
    background:url('../images/GetInvolved-bkgd.png') repeat-x 0 0;
    text-align:center;
    background-color:#dedede;
    padding-bottom:30px;
}
#get-involved p{
    font-size:18px;
    line-height:28px;
    text-align:center;
}
#get-involved h1 a{
    color:#2e6abb;
}
#get-involved a{
    margin-top:10px;
}
#projects{
    text-align:center;
    padding-bottom:30px;
}
#projects h1, #connect h1{
    color:#2dd6fd;
}

#signup{
    background:#FF2E6A;
    padding-bottom:30px;
    text-align:center;
}
#gform_wrapper_1{
    margin:0 auto 10px auto;
}
#gform_1 .ginput_container{
    display:inline-block;
    width:100%;
    font-family: 'Open Sans', sans-serif;
}
#gform_1 .gform_body{
    display:inline-block;
    width:85%;
}
#gform_1 input[type="text"]{
    width:100%;
}
#gform_fields_1{
    width:100%;
}
#gform_fields_1 li{
    display:inline-block; 
    margin-right:15px;
    width:31%;
}
#gform_1 .gform_footer{
    display:inline-block !important; width:10%;
}
#gform_submit_button_1{
    background:#ffb41f;
    font-family: 'Open Sans', sans-serif;
    font-weight:bold;
    border:none;
    padding:6px 15px;
    border-radius:0;
}
#connect{
    background:#434343;
    text-align:center;
    padding-bottom:20px;
}
#ournetwork{
    text-align:center;
    padding-bottom:20px;
    background:#DEDEDE;
}
#ournetwork h1 a{
    color:#FF2E6A;
}
#facebook-feed h2, #twitter-feed h2{
    color:#fff;
    display:inline-block;
    margin-left:10px;
    line-height:24px;
    font-family: 'Open Sans', sans-serif;
    font-weight:bold;
    margin-top:0;
    vertical-align:top;
    margin-bottom:20px;
}
.fb-image{
    background:url('../images/image-sprite.png') 0 -140px no-repeat;
    width:70px;
    height:60px;
}
.fb-feed{
    text-align:left;
}
.fb-status{
    margin-bottom:20px;
}
.fb-status a{
    color: #2cd6ff;
}
.fb-update{
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
#facebook-feed p{
    color:#fff;
    text-align:left;
    margin-bottom:0;
}
#mobile-caption{
    background:#2DD6FD;
    padding:10px 0;
    text-align:center;
    display:none;
}
#mobile-caption h1{
    color:#fff;
    margin:0;
    font-weight:300;
    padding-top:15px;
}
#mobile-caption h1 span{
    font-weight:800;
}
#mobile-caption p{
    color:#fff;
    padding-bottom:0;
}

/* Responsive */
@media(max-width:1590px){
    #home-carousel{
        height:auto;
        background:none;
    }
}
@media (max-width:1400px){
    
    #graphic-carousel .carousel-control.right{
        right:7%;
    }
    #graphic-carousel .carousel-control.left{
        left:7%;
    }
}
@media(max-width:1200px){
    #home-carousel .item img{
        max-width:130%;
        margin-left:-15%;
    }
    #home-carousel .carousel-control.right, .carousel-control.left{
        background:none;
    }
    #home-carousel .carousel-caption{
        padding:0;
        right:40%;
    }
}
@media(max-width:1075px){
    #home-carousel .carousel-caption{
        display:none;
    }
    #mobile-caption{
        display:block;
        padding-bottom:40px;
    }
}
@media(max-width:991px){
     h1{
        margin-top:0;
    }
    #whatiscla, #connect, #signup, #ournetwork{
        padding-top:20px;
    }
    #twitter-feed{
        margin-bottom:30px;
    }
    #graphic-carousel .carousel-inner{
        max-height:380px;
    }
    #gform_fields_1 li{
        width:30%;
    }
    header .container{
        padding:0;
    }
    .smalllogo{
        display:none;
    } 
     #whats-new{
        padding-top:20px;
    }
     #get-involved{
       padding:20px 0;
   }
}
@media(max-width:767px){
    #mobile-caption{
        padding: 10px 0;
    }
  
  #graphic-carousel .carousel-control.right{
       right:3px;
   }
   #graphic-carousel .carousel-control.left{
       left:3px;
   }
  
    
}
@media(max-width:730px){
    #graphic-carousel .carousel-inner{
        max-height:360px;
    }
}
@media(max-width:695px){
    #graphic-carousel .carousel-inner{
        max-height:340px;
    }
    
}
@media (max-width: 650px) {
    #gform_1 .gform_body{display:inline-block;width:75%;}
    #gform_fields_1 li{display:inline-block; margin-right:10px;width:30%;}
    #gform_1 .gform_footer{display:inline-block !important; width:20%;}
    #graphic-carousel .carousel-inner{
        max-height:310px;
    }
}
@media(max-width:600px){
    #graphic-carousel .carousel-inner{
        max-height:290px;
    }
}
@media(max-width:560px){
    #graphic-carousel .carousel-inner{
        max-height:270px;
    }
}
@media(max-width:520px){
    #graphic-carousel .carousel-inner{
        max-height:250px;
    }
}
@media(max-width:500px){
    #gform_1 .gform_body{display:inline-block;width:100%;}
    #gform_fields_1 li{display:block; margin-right:0;width:100%;}
    #gform_1 .gform_footer{display:inline-block !important; width:30%;}
}
@media(max-width:485px){
    #graphic-carousel .carousel-inner{
        max-height:230px;
    }
}
@media(max-width:450px){
     #graphic-carousel .carousel-inner{
        max-height:210px;
    }
}
@media(max-width:425px){
    #facebook-feed h2, #twitter-feed h2{
        line-height:32px;
        display:inline;
        text-align:left;
        margin-bottom:10px;
    }
}
@media(max-width:410px){
    #graphic-carousel .carousel-inner{
        max-height:190px;
    }
}
@media(max-width:365px){
    #graphic-carousel .carousel-inner{
        max-height:170px;
    }
    h1{
        font-size: 30px;
    }
}
@media(max-width:329px){
    #graphic-carousel .carousel-inner{
        max-height:160px;
    }
}
@media(max-width:315px){
    #graphic-carousel .carousel-inner{
        max-height:150px;
    }
}