/* CSS for   ACRP home page.  */
    @media screen and (min-width: 992px) {
    .acrp-hero span {
    width: 50% !important;
    top: 50% !important;
    bottom: auto !important;
    }
    .trb-searchbar > div:first-child {
    flex-flow: row nowrap !important;
    }
    .search-keyword-section {
    position: absolute !important;
    }
    .searchbar .connect {
    position: absolute !important;
    }
    .social-links {
    width:190px !important;
    }
    .icons .col-sm-4 {
    min-height: 347px !important;
    }
    .col1, .col2, .col3 {
    padding-left:15px !important;
    padding-right: 15px !important;
    }
    }
    .trb-searchbar > div:first-child {
    flex-flow: column;
    }
    h1, h2, h3{
    color: #333 !important;
    }
    .search-keyword-section {
    padding-top:20px;
    }
    .col1, .col2, .col3 {
    padding-left:3px ;
    padding-right: 3px;
    }
    .acrp-hero{
    margin-right: 0; margin-left: 0;
    /*background: url('/Uploads/Public/Images/ACRPImages/ACRP-hero.jpg') top left #435ea3 no-repeat;*/
    background: url('/Uploads/Public/Images/ACRPImages/ACRP-hero.jpg') top left #435ea3 no-repeat;
    background-size: 100% auto;
    padding: 25px;
    height: 407px;
    }
    .acrp-hero span{
    display: block;
    width:100% ;
    bottom: 0;
    background-color: #599b9b;
    color: #fff;
    font-size: 40px;
    position: absolute;
    left: 0;
    margin-top: -100px;
    padding: 2rem;
    }
    p.small{
    text-align: center;
    position: relative;
    top: 10px;
    font-style: italic;
    font-size: 17px;
    }
    .acrp-main-btns{
    margin-top: 2rem;
    margin-bottom: 2rem;
    }
    .acrp-main-btns ul{
    list-style: none;
    padding: 0;
    margin: 0;}
    .acrp-main-btns li{
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 24px;
    font-weight: 600;
    background-color: #0069ad;
    color: #fff;
    }
    .acrp-main-btns li a{
    padding: 10px 30px;
    display: block;
    width: 100%;
    color: #fff !important;
    }
    a.primary-btn{
    font-size: 24px;
    font-weight: 600;
    background-color: #0069ad;
    color: #fff !important;
    padding: 10px 30px;
    }
    .acrp-main-btns li.active{
    background-color: #599b9b;
    }
    .icons{
    padding: 1rem;
    margin-top: 4rem;
    text-align: center;
    color: #fff !important;
    }
    .icons a,
    .icons h3{
    color: #fff !important;
    }
    .icons a,
    .cpsty_Center .icons a,
    .cpsty_Center .icons a:link{
    text-decoration: underline !important;
    font-size: 17px;
    }
    .icons ul{
    list-style: none !important;
    padding: 0;
    margin: 0;
    }
    .icons li{
    margin-bottom: 1rem;
    }
    .icons  .col-xs-4 {
    width: 33%;
    min-height: 465px;
    padding-bottom: 2rem;
    }
    .icons .col1{
    background-color: #0069ad;
    border-left: 5px solid white;
    border-right: 5px solid white;
    }
    .icons .col2{
    background-color: #599b9b;
    border-left: 5px solid white;
    border-right: 5px solid white;
    }
    .icons .col3{
    background-color: #3a85b3;
    border-left: 5px solid white;
    border-right: 5px solid white;
    }
    .carousel-control.right,
    .carousel-control.left{
    background: none;
    }
    .trb-carousel{
    height: 200px;
    }
    .carousel-inner p{
    color: #fff !important;
    }
    #trbCarousel .item{
    padding: 2rem 4rem;
    }
    .acrp-home-middle{
    margin-top: 2rem;
    }
    .acrp-home-middle h2,
    .acrp-home-middle h3{
    color: #000 !important;
    }
    .acrp-home-middle p,
    .acrp-home-middle ul li{
    font-size: 17px;
    margin-bottom: 1rem;
    }
    .icons span{
    display: block;
    width: 100px;
    height: 100px;
    background-image: url('/Uploads/Public/Images/ACRPImages/icon1.png');
    background-size: 100% auto;
    margin : -50px auto 0;
    }
    .icon1{
    }
    .icons span.icon2{
    background-image: url('/Uploads/Public/Images/ACRPImages/icon2.png');
    }
    .icons span.icon3{
    background-image: url('/Uploads/Public/Images/ACRPImages/icon3.png');
    }
    .acrp-home-middle div:first-child{
    padding-right: 20px;
    text-align: center;
    }
    .acrp-home-middle div:last-child{
    padding-left: 30px;
    padding-top: 0.2rem;
    }
    p.announcement-h{
    font-size: 20px;
    }
    #trbCarousel{
    margin-right: 0;
    }
    #trbCarousel .item p a{
    text-decoration: underline !important;
    }
    .trb-searchbar{
    margin: 2rem 0 1.5rem;
    padding: 0;
    }
    .trb-searchbar > div:first-child input[type="text"]{
    border: 0;
    }
    .search-keyword-section{
    border-bottom: 1px solid #000;
    position: relative;
    bottom: 0;
    width:90%;
    }
    .trb-searchbar > div:first-child{
    max-width: 100%;
    margin-bottom: 0;
    }
    h1.logo{
    margin: 0;
    }
    h1.logo a{
    display: block;
    height: 100px;
    text-indent: -999em;
    background: url('/Uploads/Public/Images/ACRPImages/ACRP-logo.png') 0 10px no-repeat;
    background-size: contain;
    }
    .trb-searchbar > div:first-child h1.logo a{
    width: 100%;
    background-color: #fff;
    }
    .social-links{
    margin: 0;
    padding: 0;
    width: 220px;
    float: right;
    }
    .social-links li{
    display: inline-block;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    }
    .social-links li a{
    display: block;
    width: 100% !important;
    height: 100%;
    background-color: #fff !important;
    text-indent: -999em;
    }
    .social-links li.facebook a{
    background: url('/Uploads/Public/Images/ACRPImages/facebook.png') top left no-repeat;
    background-size: 100% auto;
    }
    .social-links li.linkedin a{
    background: url('/Uploads/Public/Images/ACRPImages/linkedin.png') top left no-repeat;
    background-size: 100% auto;
    }
    .social-links li.x a{
    background: url('/Uploads/Public/Images/ACRPImages/x.png') top left no-repeat;
    background-size: 100% auto;
    }
    .connect{
    position: relative;
    bottom: 0;
    right: 0;
    }
    .connect span{
    float: left;
    position: relative;
    top: 2rem;
    font-style: italic;
    }