/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

 /* Global Styles */

 html,
 body {
    height: 100%;
    background-color:#000;
}
.container {
    width:100%;
    text-align:center;
}

#arrow {
    position:fixed;
    width:100%;
    bottom:0px;
    background-image:linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.65));
    padding:4px;
    box-shadow: 0px 13px 11px 20px rgba(0,0,0,.65);
}

#arrow img{
    width:50px;
    height:33px;
    opacity:0.9;
    filter: alpha(opacity=90);
}
.col-lg-12 {
    width:100%;
    padding:0px;
}

.navbar-inverse {
    background-color:#0D2044;
}

.hline {
    border-bottom: 2px solid #384452;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

h1 {
    color:#ccc;
}


h1, h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight:400;
    font-size:160%;
    -webkit-font-smoothing:antialiased;
}

.img-portfolio {
    margin-bottom: 20px;
    border-radius: 10px;
    border: 2px solid #444;

}

.img-hover:hover {
    opacity: 0.8;
}



/* HEADER */
#title img{
    width:350px;
}


li.header-link {
    text-align:center; 
    display:block;
    height:3.5em;
    line-height:20px;
    padding:0px 15px;
}

li.header-link a {
    color:#EEE;
}

li.header-link a:hover{
    color:#FFF;
    text-decoration:none;
}


li.header-link span{display:inline-block;
  vertical-align:middle;
  font-family: Helvetica, Arial, sans-serif;
  font-weight:400;
  font-size:160%;
  -webkit-font-smoothing:antialiased;}

  li.header-link:before{content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;       
}

.navbar{
    min-height:100px;
}

.navbar-right{
    padding-top:30px;
    padding-right:20px;
}

.navbar-form{
    padding-top:0px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    box-shadow:none;border-style:none;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height:500px;
}

.pull-right, .navbar-form{
    padding-right:10px;
}

.second_row ul.navbar-second {
    display:inline-block;
    font-size:90%;
    float:none!important;
    margin:0px 0px 0px 0px;
    padding:0;

}

.navbar-second li.header-link{
    height: 3.5em;
}
.navbar-second li.header-link span{
    font-size:140%;

}

/* Home Page Carousel */



#myCarousel {
    margin-top:20px;
    margin-bottom:50px;
    border:2px black solid;
}

.icon-prev {
    font-size:300% !important;
}

.icon-next {
    font-size:300% !important;
}



.carousel {
    height:50%;
    min-height:
    /*height: calc(100% - 320px);*/
    font-family: 'PT Sans Narrow', sans-serif;
    min-height:150px;
}

.carousel .item,
.carousel .item.active,
.carousel .carousel-inner {
    height: 100%;
}

.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    box-shadow: inset 0px 20px 30px -10px #000,inset 0px -20px 30px -10px #000 ;
}

.carousel-inner a {
    text-decoration:none;
    color:white;
}


.page-header {
    margin:0px auto;
    padding:10px 0px;
    border-bottom:none;
    text-align:center;
    font-size:350%;

}
.carousel-header {
    margin:130px auto 30px auto;
    padding:20px;
    border-radius: 10px;
    /*box-shadow: inset 0px 11px 30px -10px #000,inset 0px -11px 30px -10px #000, inset -20px 0px 30px -10px #000, inset 20px 0px 30px -10px #000;}*/
}


/*News/Announcements/Events*/

/*.news {border-bottom: 2px rgba(90, 90, 90, 0.75) solid;
    margin-bottom:10px;
}
*/

/*#events {
    margin:100px auto 20px auto;
}*/

#events .image_text {
    position: absolute;
    color:#fff;
    font-size:1.6em;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height:35px;
    max-width:500px;
    width:90%;
}

#events .image_text_header {
    font-size:1.4em;
    margin:10px;
}

#events .image_text_small {
    font-size:.9em;
}
#announcements {
    margin:125px auto 0px auto;
    float:left;
}

#news {
    overflow: hidden;
    display:inline-block;
}

.panel {
    border-radius: 0px;
}

.panel-default{
    padding-bottom:1000px;
    margin-bottom:-1000px;
}
#news .panel-default{
    border-color:#ababab;
    background-color: #fafafa
}
#news .panel-heading{
    background-color:#cbcbcb;
    border-color:#ababab;
}

#news .panel-heading h4{
    font-size:18px;
    text-align: center;
    margin:0px;
}
#news .panel-body{
    padding:10px 5px 10px 15px;
    background-color:#fafafa;
    text-align: left;
}

#news .panel-body p{
    font-size:110%;
}
.date{
    font-family:monospace;
    margin-bottom: 0px;
}

.announcement_link {
    clear:both;
    background-color:#f5f5f5;
    padding:6px;
    display:inline-block;
    float:left;
    margin-left:15px;
    border-radius:4px;
    border:1px solid #ddd;
}
ul {padding-left:
	15px;
}

/*Links*/
.links {
    overflow: hidden;
}

.links .panel-default>.panel-heading {
    border-color: #ababab;
    background-color:#cbcbcb;
}

.links .panel-default {
    border-color:#ababab;
    background-color: #fafafa;
}

.links .panel-heading {
    background-color:#cbcbcb;
}

.links .panel-body {
    background-color:#fafafa;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
}

.links .panel-body {
    font-size:120%;
}

/* 404 Page Styles */

.pinned .panel-heading {
    box-shadow: 3px 3px 3px #444;
}

.error-404 {
    font-size: 100px;
}


/* Footer Styles */

footer .row{
    margin:0px 10px;
}

footer {
    overflow:auto;
    min-height:100px;
    margin: 30px 0px 0px 0px;
    box-shadow: inset 0px 5px 20px black;
}


.footer_left {
    margin-top:20px;
    width:300px;
    float:left;
}
.footer_left #CXC_icon{
    margin:5px;
    height:81px;
    width:75px;
}

.footer_left #CfA_logo{
    margin:5px;
    height:78px;
    width:182px;
}

.footer_text {
    display:inline-block;
    max-width:720px;
    margin-top:20px;
    margin-bottom: 10px;
}
.footer_text span a {
    text-decoration: underline;
    color:#D6D6D6;
}


footer span {
    color:#D6D6D6;
    font-family: Helvetica, Arial, sans-serif;
    margin:0px;
    font-size:90%;
}

.socmedia {
    margin:40px 30px 0px 0px;
    max-width: 200px;
    float:right;
    display: inline-block;
}
.socmedia img {
    width: 50px;
    height: 50px;
}

/* Responsive Styles */




/*change max width so it changes at same time*/


@media(min-width:768px){
    .second_row{
        clear:both;
        margin-left:-15px!important;
        margin-right:-15px!important;
        background-color:rgba(0,0,0,.7);
        box-shadow:0px -12px 30px 5px rgba(0,0,0,.74), inset 0px -30px 30px 5px #000;
        text-align:center;
        float:none!important;
    }

    @-moz-document url-prefix() { 
        .second_row {
            background-color:rgba(0,0,0,.8);
            box-shadow:0px -12px 30px 5px rgba(0,0,0,.94), inset 0px -30px 30px 5px #000;
        }
    }

    _::-webkit-full-page-media, _:future, :root .second_row {

        background-color:rgba(0,0,0,.66);
        box-shadow:0px -12px 30px 5px rgba(0,0,0,.94), inset 0px -30px 30px 5px #000;

    }

}

@media(max-width:1314px){
    #title img{
        width:300px;
        margin-bottom:10px;
    }

}


@media(min-width:1200px){
    .col-lg-3 {margin:1% 4%;}
    .col-lg-0 {width:0; padding:0;margin:0;}
}


@media(max-width:1263px) and (min-width:768px){
    li.header-link span{
     font-size:150%;
     padding:0px;
    }
    li.header-link {
    height:3.5em;
    line-height:18px;
    }   

.navbar-second li.header-link span {
    font-size:120%;
}
.navbar-form {
    width:135px;
}
.pull-right{
    padding-right:0px;
}

}


@media(max-width:1122px){
    #title img{width:250px;
        margin-top:20px;
    }

    li.header-link span {
        font-size:120%;
    }
    .navbar-second li.header-link{
        padding:5px;
    }
    .footer_text {
        max-width:40%;
    }


}


@media(min-width:992px){



    .col-md-4{display:inline-block;
        width:32%;
        float:none;
        vertical-align: top;
        margin-top:20px;
        padding-left:10px;
        padding-right:10px;
    }

    #news .col-md-4 {
	width:24%;
	border-top:20px black solid;
}

    #events .col-md-4{
        max-width: 350px;
    }

    .col-md-0{width:0;padding:0;margin:0;
    }

}
@media(max-width:991px){

    .panel-default{
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .col-md-4{display:inline-block;
        width:70%;
        margin:20px 0px;
    }

    #events .col-md-4{
        margin:0px;
    }

    #events .image_text {
        max-width:400px;
        width:90%;
    }
    .col-sm-2 {clear:left;}
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
    .container { width:100%;}
    
    .col-md-4 img{max-width:400px;
        margin-left:auto;
        margin-right:auto;
    }

    li.header-link  {
        padding:0px 5px;
    }
    .navbar-second li.header-link span {
        font-size:110%;
    }
    .navbar-second li.header-link{
        padding:5px;
    }

}


@media(max-width:896px) {

    .page-header{width:100%;
    }


    #title img{width:200px;}
    li.header-link span {
        font-size:115%;
    }
    li.header-link{
        padding-right: 0px;
    }
}
@media(max-width:780px) {
    #title img{width:180px;}
    li.header-link span {
        font-size:110%;
    }
}


/*COLLAPSE MENU*/
@media(max-width:767px) {
    #title {
        width:100%;
    }

    #arrow {
	display:none;
    }
    #title img{width:60%; 
        margin-left:22%;
        margin-top:0px;}
        ul.navbar-right {
            margin:0px 0px 10px 0px;
            padding-right:0px;
        }

        ul.navbar-right li.header-link{
            display:inline;
            padding:1%;
        }
        .navbar-right{
            clear:left;
            width:100%;
            padding-top:0px;
            margin:0px -15px;
            text-align: center;
        }
        .navbar-second{float:right;
            clear:none;
            border-top: none;
        }
        .navbar-search{margin:auto;
            float:none;
            width:60%;
        }
        li.header-link span {
            font-size:1.5em;
        }

        li.header-link a { 
            color:white;
            font-weight:bold;
        }

        li.header-link {
            height:5em;
            padding:0px;
        }
        .second_row {clear:none;
            width:100%;
            border-top: 2px grey solid;


        }
        .second_row ul.navbar-second {width:100%;
            font-size:110%;}
            .navbar-second li.header-link {
                height:4.5em;
                float:left;
                display:inline;
                width:25%;
            }


            .navbar-second li.header-link a {
                font-weight:normal;
            }
            .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
                float:none;
            }

            .img-portfolio {
                margin-bottom: 15px;
            }

            header.carousel .carousel {
                height: 70%;
            }
            .carousel-header{margin-top: 110px;}
/*.footer_img {  height:40px;
    width:37px;
    */

}
@media(max-width:706px) {
   .col-md-4 img{max-width:100%;}
   .footer_text{max-width:100%;width:100%;float:left; clear:both; text-align:center; margin-top:0px;}
   .footer_left {float:none; margin: 20px auto;}
   .footer {min-height: 300px;}
   .socmedia {clear:left; width:100%; text-align:center;max-width:100%;float:none; margin:20px 0px;}
   #announcements {margin-top:100px;}
}

@media(max-width:613px) {
    ul.navbar-right li.header-link span{
        padding:10px;
    }
    ul.navbar-right li.header-link:nth-child(3):after {
     content: "\A";
     white-space: pre; 
 }
 .second_row ul.navbar-second li.header-link span{
    padding:0px;
    font-size:100%;
}
.second_row ul.navbar-second li.header-link {
    padding:0px;
}

}
/*li.long_title span {
    font-size:1em;
}
*/




@media(min-width: 450px){
    .rwd-break {display:none;}

}

@media(max-width:500px) {

    #events .image_text {
        font-size:160%;
        line-height: 23px;
    }
    #title {width:100%;}
    #title img{width:80%;
        margin-left:5px;
        margin-bottom:0px;}

        li.header-link {
            line-height:1.2em;
            height:5em;
        }
        .navbar-second li.header-link {

            line-height:1.15em;
            height:4em;
        }

        .carousel-header{margin-top: 90px;}

        .navbar-second li.header-link {
            height:4.5em;
            float:none;
            display:inline;
            width:33%;
        }

        .navbar-second li.header-link span {
            margin:5px 10px;
        }

        ul.navbar-right{
            margin:0px;
        }
        ul.navbar-right li.header-link span {
            padding:5px;
        }

    }

    @media(max-width:420px) {

        .second_row ul.navbar-second li.header-link span{
            font-size:.9em;
        }
/*
li.long_title span {
    font-size:.9em;
}
*/
}

@media(max-width:360px) {
    li.header-link span {
        font-size:1.1em;
    }
    .second_row ul.navbar-second li.header-link span{
        font-size:.75em;
    }

}


/*
li.long_title span {
    font-size:.8em;
}
*/
}




/*PORTRAIT*/
@media(max-width:767px) and (orientation:landscape){
    .navbar{min-height: 0px;}
    .navbar-right{
        margin-top:10px;
    }

    #title img{width:40%;
        margin-left:2px;}
        .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
            max-height:300px;
        }
        .navbar-form{margin-bottom: 0px;
            padding-bottom: 0px;}
            li.header-link span {
                font-size:1.3em;
            }
            .navbar-search li.header-link{
                width:100%;
            }

            .carousel-header {margin-top:70px;}

            li.header-link {
                line-height:1.5em;
                height:4em;
                float:left;
                display:inline;
                width:50%;
            }

            .second_row li.header-link{
                line-height:1.3em;
                height:3.2em;
            }

/*
li.long_title span {
    font-size:1.1em;
}
*/
}