/* Declare any custom css here
DO NOT edit source code bootstrap files
Source Code files revert when updated
*/

/* Font used in Capital History Logo
*/
@font-face {
    font-family: 'gotham_blackregular';
    src: url('../fonts/gotham-black-webfont.eot');
    src: url('../fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-black-webfont.woff') format('woff'),
         url('../fonts/gotham-black-webfont.ttf') format('truetype'),
         url('../fonts/gotham-black-webfont.svg#gotham_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { 
  padding-top: 50px;
}

.navbar-brand {
  font-family: 'gotham_blackregular', sans-serif;
}

.nav.navbar-nav li {
  font-family: 'gotham_blackregular', sans-serif;
}

.nav.navbar-nav li a {
    color: #D4534A;
}

.nav.navbar-nav li a:hover,
.nav.navbar-nav li a:focus {
  color: #BE372D;
  text-decoration: none;
}

/*#home {
  background-color: #fff;
  position:relative;
    padding:0;
    margin:0;

    left:0;

    width: 100%;
    height: 100%;
}
*/

#rectangle {
    border-radius: 10px;
    background: #D4534A;
    padding: 3px; 
    width: 100%;
    height: 5px;    
}

a {
  color: #AB504B;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #BE372D;
  text-decoration: underline;
  outline: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:active, 
a:focus {
    outline: none;
}

.custom {
 	padding: 40px 15px;
 	text-align: center;
 	color: white;
}

.tag {
  position: inherit;
  left: 0px;
  top: 0px;
  z-index: 1000;
  padding: 5px;
  color: white;
}

.btn-default {
  color: #ffffff;
  background-color: #D4534A;
  border-color: #BE372D;
}

.btn-default:focus,
.btn-default.focus {
  color: #ffffff;
  background-color: #D4534A;
  border-color: #D4534A;
}
.btn-default:hover {
  color: #ffffff;
  background-color: #BE372D;
  border-color: #BE372D;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #BE372D;
  border-color: #BE372D;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #ffffff;
  background-color: #BE372D;
  border-color: #BE372D;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #BE372D;
  border-color: #BE372D;
}
.btn-default .badge {
  color: #BE372D;
  background-color: #ffffff;
}

.btn-primary {
  color: #ffffff;
  background-color: #424242;
  border-color: #424242;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #282828;
  border-color: #020202;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #282828;
  border-color: #232323;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #282828;
  border-color: #232323;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #282828;
  border-color: #232323;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #282828;
  border-color: #232323;
}
.btn-primary .badge {
  color: #282828;
  background-color: #ffffff;
}
 
.btn-group {
 	background-color: #88403c;
}

#footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.btn-lg.round {
    border-radius: 24px;
}

div.fixed {
    position: fixed;
    bottom: 0;
}

span.glyphicon-play {
    font-size: 4.0em; 
    display: block; 
    text-align: center;
}

span.glyphicon-pause {
    font-size: 4.0em; 
    display: block; 
    text-align: center;
}

.img-responsive {
  display: block;
  max-width: 100%;
}

video { 
   width: 100%;
   background:transparent url('poster.jpg') no-repeat 0 0; 
   -webkit-background-size: cover; 
   -moz-background-size: cover; 
   -o-background-size: cover; 
   background-size: cover; 
}