/*

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: #E3DBD7;
	
    }

    #features {text-align: center ;margin-top: 60px;}
    
    #features #MonsterName img{
	margin-bottom: 20px;
	padding:0px ;
	
	
	
	}
	
    #features #MonsterEvol img{
	margin: 0 auto;
	}
	
    
    #features .row .col-2 h4 {margin-top: 0px;font-size: 100%;}
    
    #features #MonsterEvol {margin-bottom: 90px;}
    
    #features #monsEvo {background-color: #E3DBD7; height:auto; border-radius: 5px;margin: auto;}
    
    #features #monsActive {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:18px;}
    
    
    
    
    
    .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-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
	}


/* --------------------------------------
   MONSTER TYPE : 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
	}

    .btn-fire {
	color:#fff;
	background-color:#FF9B4C;
	border-color:#FF9B4C
    }
    .btn-fire:hover, .btn-fire:focus, .btn-fire:active, .btn-fire.active {
	background-color:#C1813A;
	border-color:#C1813A
    }
    .btn-fire.disabled, .btn-fire[disabled], fieldset[disabled] .btn-fire, .btn-fire.disabled:hover, .btn-fire[disabled]:hover, fieldset[disabled] .btn-fire:hover, .btn-fire.disabled:focus, .btn-fire[disabled]:focus, fieldset[disabled] .btn-fire:focus, .btn-fire.disabled:active, .btn-fire[disabled]:active, fieldset[disabled] .btn-fire:active, .btn-fire.disabled.active, .btn-fire[disabled].active, fieldset[disabled] .btn-fire.active {
	background-color:#FF9B4C;
	border-color:#FF9B4C	
    }
    
.btn-flying {
    color:#fff;
    background-color:#A18EED;
    border-color:#A18EED
}
.btn-flying:hover, .btn-flying:focus, .btn-flying:active, .btn-flying.active {
    background-color:#6356B2;
    border-color:#6356B2
}
.btn-flying.disabled, .btn-flying[disabled], fieldset[disabled] .btn-flying, .btn-flying.disabled:hover, .btn-flying[disabled]:hover, fieldset[disabled] .btn-flying:hover, .btn-flying.disabled:focus, .btn-flying[disabled]:focus, fieldset[disabled] .btn-flying:focus, .btn-flying.disabled:active, .btn-flying[disabled]:active, fieldset[disabled] .btn-flying:active, .btn-flying.disabled.active, .btn-flying[disabled].active, fieldset[disabled] .btn-flying.active {
    background-color:#A18EED;
    border-color:#A18EED
}

.btn-poison {
    color:#fff;
    background-color:#BA4AA5;
    border-color:#BA4AA5
}
.btn-poison:hover, .btn-poison:focus, .btn-poison:active, .btn-poison.active {
    background-color:#993C8C;
    border-color:#993C8C
}
.btn-poison.disabled, .btn-poison[disabled], fieldset[disabled] .btn-poison, .btn-poison.disabled:hover, .btn-poison[disabled]:hover, fieldset[disabled] .btn-poison:hover, .btn-poison.disabled:focus, .btn-poison[disabled]:focus, fieldset[disabled] .btn-poison:focus, .btn-poison.disabled:active, .btn-poison[disabled]:active, fieldset[disabled] .btn-poison:active, .btn-poison.disabled.active, .btn-poison[disabled].active, fieldset[disabled] .btn-poison.active {
    background-color:#BA4AA5;
    border-color:#BA4AA5
}
.btn-water {
    color:#fff;
    background-color:#50B6EF;
    border-color:#50B6EF
}
.btn-water:hover, .btn-water:focus, .btn-water:active, .btn-water.active {
    background-color:#3C9CC6;
    border-color:#3C9CC6
}
.btn-water.disabled, .btn-water[disabled], fieldset[disabled] .btn-water, .btn-water.disabled:hover, .btn-water[disabled]:hover, fieldset[disabled] .btn-water:hover, .btn-water.disabled:focus, .btn-water[disabled]:focus, fieldset[disabled] .btn-water:focus, .btn-water.disabled:active, .btn-water[disabled]:active, fieldset[disabled] .btn-water:active, .btn-water.disabled.active, .btn-water[disabled].active, fieldset[disabled] .btn-water.active {
    background-color:#50B6EF;
    border-color:#50B6EF
}

.btn-grass {
    color:#fff;
    background-color:#4AD36E;
    border-color:#4AD36E
}
.btn-grass:hover, .btn-grass:focus, .btn-grass:active, .btn-grass.active {
    background-color:#3DAD58;
    border-color:#3DAD58
}
.btn-grass.disabled, .btn-grass[disabled], fieldset[disabled] .btn-grass, .btn-grass.disabled:hover, .btn-grass[disabled]:hover, fieldset[disabled] .btn-grass:hover, .btn-grass.disabled:focus, .btn-grass[disabled]:focus, fieldset[disabled] .btn-grass:focus, .btn-grass.disabled:active, .btn-grass[disabled]:active, fieldset[disabled] .btn-grass:active, .btn-grass.disabled.active, .btn-grass[disabled].active, fieldset[disabled] .btn-grass.active {
    background-color:#4AD36E;
    border-color:#4AD36E
}

.btn-stell {
    color:#fff;
    background-color:#C5C5DD;
    border-color:#C5C5DD
}
.btn-stell:hover, .btn-stell:focus, .btn-stell:active, .btn-stell.active {
    background-color:#A2A2BA;
    border-color:#A2A2BA
}
.btn-stell.disabled, .btn-stell[disabled], fieldset[disabled] .btn-stell, .btn-stell.disabled:hover, .btn-stell[disabled]:hover, fieldset[disabled] .btn-stell:hover, .btn-stell.disabled:focus, .btn-stell[disabled]:focus, fieldset[disabled] .btn-stell:focus, .btn-stell.disabled:active, .btn-stell[disabled]:active, fieldset[disabled] .btn-stell:active, .btn-stell.disabled.active, .btn-stell[disabled].active, fieldset[disabled] .btn-stell.active {
    background-color:#C5C5DD;
    border-color:#C5C5DD
}

.btn-ground {
    color:#fff;
    background-color:#E0B146;
    border-color:#E0B146
}
.btn-ground:hover, .btn-ground:focus, .btn-ground:active, .btn-ground.active {
    background-color:#BF9A45;
    border-color:#BF9A45
}
.btn-ground.disabled, .btn-ground[disabled], fieldset[disabled] .btn-ground, .btn-ground.disabled:hover, .btn-ground[disabled]:hover, fieldset[disabled] .btn-ground:hover, .btn-ground.disabled:focus, .btn-ground[disabled]:focus, fieldset[disabled] .btn-ground:focus, .btn-ground.disabled:active, .btn-ground[disabled]:active, fieldset[disabled] .btn-ground:active, .btn-ground.disabled.active, .btn-ground[disabled].active, fieldset[disabled] .btn-ground.active {
    background-color:#E0B146;
    border-color:#E0B146
}

.btn-normal {
    color:#fff;
    background-color:#B2B17D;
    border-color:#B2B17D
}
.btn-normal:hover, .btn-normal:focus, .btn-normal:active, .btn-normal.active {
    background-color:#7F7D50;
    border-color:#7F7D50
}
.btn-normal.disabled, .btn-normal[disabled], fieldset[disabled] .btn-normal, .btn-normal.disabled:hover, .btn-normal[disabled]:hover, fieldset[disabled] .btn-normal:hover, .btn-normal.disabled:focus, .btn-normal[disabled]:focus, fieldset[disabled] .btn-normal:focus, .btn-normal.disabled:active, .btn-normal[disabled]:active, fieldset[disabled] .btn-normal:active, .btn-normal.disabled.active, .btn-normal[disabled].active, fieldset[disabled] .btn-normal.active {
    background-color:#B2B17D;
    border-color:#B2B17D
}

.btn-electric {
    color:#fff;
    background-color:#F9DE55;
    border-color:#F9DE55
}
.btn-electric:hover, .btn-electric:focus, .btn-electric:active, .btn-electric.active {
    background-color:#BAAE38;
    border-color:#BAAE38
}
.btn-electric.disabled, .btn-electric[disabled], fieldset[disabled] .btn-electric, .btn-electric.disabled:hover, .btn-electric[disabled]:hover, fieldset[disabled] .btn-electric:hover, .btn-electric.disabled:focus, .btn-electric[disabled]:focus, fieldset[disabled] .btn-electric:focus, .btn-electric.disabled:active, .btn-electric[disabled]:active, fieldset[disabled] .btn-electric:active, .btn-electric.disabled.active, .btn-electric[disabled].active, fieldset[disabled] .btn-electric.active {
    background-color:#F9DE55;
    border-color:#F9DE55
}

.btn-psychic {
    color:#fff;
    background-color:#EF5488;
    border-color:#EF5488
}
.btn-psychic:hover, .btn-psychic:focus, .btn-psychic:active, .btn-psychic.active {
    background-color:#C43D71;
    border-color:#C43D71
}
.btn-psychic.disabled, .btn-psychic[disabled], fieldset[disabled] .btn-psychic, .btn-psychic.disabled:hover, .btn-psychic[disabled]:hover, fieldset[disabled] .btn-psychic:hover, .btn-psychic.disabled:focus, .btn-psychic[disabled]:focus, fieldset[disabled] .btn-psychic:focus, .btn-psychic.disabled:active, .btn-psychic[disabled]:active, fieldset[disabled] .btn-psychic:active, .btn-psychic.disabled.active, .btn-psychic[disabled].active, fieldset[disabled] .btn-psychic.active {
    background-color:#EF5488;
    border-color:#EF5488
}

.btn-dark {
    color:#fff;
    background-color:#776050;
    border-color:#776050
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active {
    background-color:#544032;
    border-color:#544032
}
.btn-dark.disabled, .btn-dark[disabled], fieldset[disabled] .btn-dark, .btn-dark.disabled:hover, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark:hover, .btn-dark.disabled:focus, .btn-dark[disabled]:focus, fieldset[disabled] .btn-dark:focus, .btn-dark.disabled:active, .btn-dark[disabled]:active, fieldset[disabled] .btn-dark:active, .btn-dark.disabled.active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark.active {
    background-color:#776050;
    border-color:#776050
}

.btn-fighting {
    color:#fff;
    background-color:#E8593D;
    border-color:#E8593D
}
.btn-fighting:hover, .btn-fighting:focus, .btn-fighting:active, .btn-fighting.active {
    background-color:#C64534;
    border-color:#C64534
}
.btn-fighting.disabled, .btn-fighting[disabled], fieldset[disabled] .btn-fighting, .btn-fighting.disabled:hover, .btn-fighting[disabled]:hover, fieldset[disabled] .btn-fighting:hover, .btn-fighting.disabled:focus, .btn-fighting[disabled]:focus, fieldset[disabled] .btn-fighting:focus, .btn-fighting.disabled:active, .btn-fighting[disabled]:active, fieldset[disabled] .btn-fighting:active, .btn-fighting.disabled.active, .btn-fighting[disabled].active, fieldset[disabled] .btn-fighting.active {
    background-color:#E8593D;
    border-color:#E8593D
}

.btn-fairy {
    color:#fff;
    background-color:#EF6FAF;
    border-color:#EF6FAF
}
.btn-fairy:hover, .btn-fairy:focus, .btn-fairy:active, .btn-fairy.active {
    background-color:#CC5A99;
    border-color:#CC5A99
}
.btn-fairy.disabled, .btn-fairy[disabled], fieldset[disabled] .btn-fairy, .btn-fairy.disabled:hover, .btn-fairy[disabled]:hover, fieldset[disabled] .btn-fairy:hover, .btn-fairy.disabled:focus, .btn-fairy[disabled]:focus, fieldset[disabled] .btn-fairy:focus, .btn-fairy.disabled:active, .btn-fairy[disabled]:active, fieldset[disabled] .btn-fairy:active, .btn-fairy.disabled.active, .btn-fairy[disabled].active, fieldset[disabled] .btn-fairy.active {
    background-color:#EF6FAF;
    border-color:#EF6FAF
}

.btn-rock {
    color:#fff;
    background-color:#B8A038;
    border-color:#B8A038
}
.btn-rock:hover, .btn-rock:focus, .btn-rock:active, .btn-rock.active {
    background-color:#99852E;
    border-color:#99852E
}
.btn-rock.disabled, .btn-rock[disabled], fieldset[disabled] .btn-rock, .btn-rock.disabled:hover, .btn-rock[disabled]:hover, fieldset[disabled] .btn-rock:hover, .btn-rock.disabled:focus, .btn-rock[disabled]:focus, fieldset[disabled] .btn-rock:focus, .btn-rock.disabled:active, .btn-rock[disabled]:active, fieldset[disabled] .btn-rock:active, .btn-rock.disabled.active, .btn-rock[disabled].active, fieldset[disabled] .btn-rock.active {
    background-color:#B8A038;
    border-color:#B8A038
}

.btn-ice {
    color:#fff;
    background-color:#64E8E4;
    border-color:#64E8E4
}
.btn-ice:hover, .btn-ice:focus, .btn-ice:active, .btn-ice.active {
    background-color:#52C1BC;
    border-color:#52C1BC
}
.btn-ice.disabled, .btn-ice[disabled], fieldset[disabled] .btn-ice, .btn-ice.disabled:hover, .btn-ice[disabled]:hover, fieldset[disabled] .btn-ice:hover, .btn-ice.disabled:focus, .btn-ice[disabled]:focus, fieldset[disabled] .btn-ice:focus, .btn-ice.disabled:active, .btn-ice[disabled]:active, fieldset[disabled] .btn-ice:active, .btn-ice.disabled.active, .btn-ice[disabled].active, fieldset[disabled] .btn-ice.active {
    background-color:#64E8E4;
    border-color:#64E8E4
}

.btn-ghost {
    color:#fff;
    background-color:#766599;
    border-color:#766599
}
.btn-ghost:hover, .btn-ghost:focus, .btn-ghost:active, .btn-ghost.active {
    background-color:#594C7A;
    border-color:#594C7A
}
.btn-ghost.disabled, .btn-ghost[disabled], fieldset[disabled] .btn-ghost, .btn-ghost.disabled:hover, .btn-ghost[disabled]:hover, fieldset[disabled] .btn-ghost:hover, .btn-ghost.disabled:focus, .btn-ghost[disabled]:focus, fieldset[disabled] .btn-ghost:focus, .btn-ghost.disabled:active, .btn-ghost[disabled]:active, fieldset[disabled] .btn-ghost:active, .btn-ghost.disabled.active, .btn-ghost[disabled].active, fieldset[disabled] .btn-ghost.active {
    background-color:#766599;
    border-color:#766599
}

.btn-bug {
    color:#fff;
    background-color:#A8B820;
    border-color:#A8B820
}
.btn-bug:hover, .btn-bug:focus, .btn-bug:active, .btn-bug.active {
    background-color:#888E19;
    border-color:#888E19
}
.btn-bug.disabled, .btn-bug[disabled], fieldset[disabled] .btn-bug, .btn-bug.disabled:hover, .btn-bug[disabled]:hover, fieldset[disabled] .btn-bug:hover, .btn-bug.disabled:focus, .btn-bug[disabled]:focus, fieldset[disabled] .btn-bug:focus, .btn-bug.disabled:active, .btn-bug[disabled]:active, fieldset[disabled] .btn-bug:active, .btn-bug.disabled.active, .btn-bug[disabled].active, fieldset[disabled] .btn-bug.active {
    background-color:#A8B820;
    border-color:#A8B820
}

.btn-dragon {
    color:#fff;
    background-color:#7B60EF;
    border-color:#7B60EF
}
.btn-dragon:hover, .btn-dragon:focus, .btn-dragon:active, .btn-dragon.active {
    background-color:#5F4EC6;
    border-color:#5F4EC6
}
.btn-dragon.disabled, .btn-dragon[disabled], fieldset[disabled] .btn-dragon, .btn-dragon.disabled:hover, .btn-dragon[disabled]:hover, fieldset[disabled] .btn-dragon:hover, .btn-dragon.disabled:focus, .btn-dragon[disabled]:focus, fieldset[disabled] .btn-dragon:focus, .btn-dragon.disabled:active, .btn-dragon[disabled]:active, fieldset[disabled] .btn-dragon:active, .btn-dragon.disabled.active, .btn-dragon[disabled].active, fieldset[disabled] .btn-dragon.active {
    background-color:#7B60EF;
    border-color:#7B60EF
}