/*

My Custom CSS
=============

Author:  Brad Hussey
Updated: August 2013
Notes:	 Hand coded for Udemy.com

*/

/* --------------------------------------
   Layout
   -------------------------------------- */

    body {
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizelegibility;
	background-color: #6DBCDB;
	
    }

    #features {text-align: center ;margin-top: 60px;}
    
  
	
    #features #financeData img{
	margin: 0 auto;
	}
	
    
    #features .row .col-2 h4 {margin-top: 0px;font-size: 100%;}
    
    #features #financeData {margin-bottom: 90px;}
    
    #features #infoBar {background-color: #E3DBD7; height:auto; border-radius: 5px;margin: auto;}
    
    #features #infoActive {background-color: #FF9B4C; height:auto; border-radius: 5px;margin: auto;}
    
    #bottomNav {padding:0px; margin:0px;}
    
    #bottomNav .navbar-nav {margin:0px; padding:0px;}
    
    #bottomNav li {padding:0px; text-align: center;}
    
    #bottomNav li a {padding:15px 15px;font-size:14px;}
    
    
    
    
    
    .panel-footer h4 {margin-left: 20px;}

/* --------------------------------------
   Typography
   -------------------------------------- */

    
    .well {margin: 20px 0;}
    .well .page-header { margin-top: 0;}
    
    .well .page-header h1 { margin-top: 0;} 

/* --------------------------------------
   Progress bar
   -------------------------------------- */

    .progress progress-striped {margin-top: 0;}


/* --------------------------------------
   Navbar
   -------------------------------------- */
   #searchInput {width: 200px;}
   
   .navbar-brand {padding: 13px 15px;}
   
   .navbar-nav li a {border-radius: 0}
   
   
/* --------------------------------------
   Carousel
   -------------------------------------- */
    #myCarousel {margin-top: 60px;}
    
    .carousel-caption {font-size: 24px;}
    
    .carousel-caption h3 {font-size: 32px;}
    
    #myCarousel .item {height: 400px;}

    #slide1 {background: url('../../images/carousel_medium_01.jpg') top center no-repeat;}
    
    #slide2 {background: url('../../images/carousel_medium_02.jpg') top center no-repeat;}
    
    #slide3 {background: url('../../images/carousel_medium_03.jpg') top center no-repeat;}

/* --------------------------------------
   Global Styles
   -------------------------------------- */

    .alert {
        margin-top: 20px;
        display: none;
        }
        
    .alert h3 {margin-top: 0;}


/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
    #myCarousel .item {height: 310px;}

    #slide1 {background: url('../../images/carousel_small_01.jpg') top center no-repeat;}
    
    #slide2 {background: url('../../images/carousel_small_02.jpg') top center no-repeat;}
    
    #slide3 {background: url('../../images/carousel_small_03.jpg') top center no-repeat;}
    
    .carousel-caption {font-size: 16px;}
    
    .carousel-caption h3 {font-size: 22px;}
	
}

/* Large desktop */
@media (min-width: 1200px) {
    #myCarousel .item {height: 500px;}

    #slide1 {background: url('../../images/carousel_large_01.jpg') top center no-repeat;}
    
    #slide2 {background: url('../../images/carousel_large_02.jpg') top center no-repeat;}
    
    #slide3 {background: url('../../images/carousel_large_03.jpg') top center no-repeat;}
	
}


/* --------------------------------------
   Modify Navigator Theme
   -------------------------------------- */

    .navbar-default .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{
	color:#fff;background-color:#A85C01
    }



    .navbar-inverse{
	background: rgba(255,170,84,1);
background: -moz-linear-gradient(top, rgba(255,170,84,1) 0%, rgba(255,165,69,1) 36%, rgba(255,139,15,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,170,84,1)), color-stop(36%, rgba(255,165,69,1)), color-stop(100%, rgba(255,139,15,1)));
background: -webkit-linear-gradient(top, rgba(255,170,84,1) 0%, rgba(255,165,69,1) 36%, rgba(255,139,15,1) 100%);
background: -o-linear-gradient(top, rgba(255,170,84,1) 0%, rgba(255,165,69,1) 36%, rgba(255,139,15,1) 100%);
background: -ms-linear-gradient(top, rgba(255,170,84,1) 0%, rgba(255,165,69,1) 36%, rgba(255,139,15,1) 100%);
background: linear-gradient(to bottom, rgba(255,170,84,1) 0%, rgba(255,165,69,1) 36%, rgba(255,139,15,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa54', endColorstr='#ff8b0f', GradientType=0 );
	}
    
    .navbar-inverse .navbar-brand{
	color:#fff
	}
    
    .navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{
	color:#fff;background-color:transparent
	}
    
    .navbar-inverse .navbar-text{
	color:#fff
	}
    
    .navbar-inverse .navbar-nav>li>a{
	color:#fff
	}
    
    .navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{
	color:#fff;background-color:#A85C01
	}
	

	
    
    .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{
	color:#fff;background-color:#A85C01
	}
    
    .navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{
	color:#444;background-color:transparent
	}
    
    .navbar-inverse .navbar-toggle{
	border-color:#fff
	}
    
    .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{
	background-color:#A85C01
	}
    
    .navbar-inverse .navbar-toggle .icon-bar{
	background-color:#fff
	}
    
    .navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{
	color:#fff;background-color:#A85C01
	}
    
    .navbar-inverse .navbar-nav>.dropdown>a:hover .caret{
	border-top-color:#fff;border-bottom-color:#fff
	}
    
    .navbar-inverse .navbar-nav>.dropdown>a .caret{
	border-top-color:#fff;border-bottom-color:#fff
	}
    
    .navbar-inverse .navbar-nav>.open>a .caret,.navbar-inverse .navbar-nav>.open>a:hover .caret,.navbar-inverse .navbar-nav>.open>a:focus .caret{
	border-top-color:#fff;border-bottom-color:#fff
	}


/* --------------------------------------
   Modify Button Theme
   -------------------------------------- */

    .btn-danger{
	color:#fff;background-color:#d9534f;border-color:#d9534f
	}
    
    .btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active{
	background-color:#d43f3a;border-color:#c9302c
	}
    
    .btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{
	background-color:#d9534f;border-color:#d9534f
	}