@charset "utf-8";
/* CSS File for Stallion Control the Moment */

/*****Horse Nav*****/
#horse-nav-control {
  width: 100%;
  border-top: solid 1px #2b1c27;
  border-bottom: solid 1px #2b1c27;
}
#horse-nav-control .nav-tabs {
  border-bottom: none;
}
#horse-nav-control .nav-tabs > li.active > a {
  color: #FFF;
  background-color: #2b1c27;
  border: 1px solid #2b1c27;
  border-bottom-color: none;
}
#horse-nav-control .nav-tabs > li.active > a:hover {
  color: #FFF;
  background-color: #2b1c27;
  border: 1px solid #2b1c27;
  border-bottom-color: none;
}
#horse-nav-control .nav-tabs > li a:hover {
  color: #FFF;
  background-color: #2b1c27;
  border: 1px solid #2b1c27;
  border-bottom-color: none;
}
#horse-nav-control .nav-tabs > li > a {
  border-radius: 0px;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 12px;
}
#horse-nav-control .nav-tabs > li {
  margin-bottom: -5px;
  width: 100%;
}
/*****Page Header Control*****/
.control-page-header-mobile {
  display: block;
}
.stallion-page-header-control {
  width: 100%;
  overflow-y: hidden;
  position: relative;
  min-height: 354px;
}
#purple-bar {
  background-image: url(../purple-bar.html);
  padding: 20px;
  width: 100%;
}
#control-page-header-info {
  position: absolute;
  z-index: 2;
  top: auto;
  display: none;
  text-align: center;
  left: -5px;
}
#control-page-header-info h3 {
  text-transform: uppercase;
  color: #FFF;
  font-size: 23px;
}
#control-page-header-info div#fam {
  color: #FFF;
  font-size: 13px;
  margin-top: 10px;
}
#control-page-header-info div#conditions {
  color: #FFF;
  font-size: 13px;
  margin-top: 2px;
}
#control-page-header-info div#special {
  font-size: 12px;
  margin-top: 2px;
  color: #FFF;
}
#control-page-header-info div#fee {
  color: #FFF;
  font-size: 23px;
  margin-top: 10px;
  font-family: 'Libre Baskerville', serif;
}
/*****Description Control the Moment*****/
#description-control h2#status {
  color: #FFF;
  font-size: 14px;
  line-height: 20px;
}
#description-control {
  color: #fff;
  font-size: 12px;
}
#description-control strong {
  color: #be91b0;
  font-weight: bold;
}
#description-control h2#status span {
  color: #be91b0;
  font-weight: bold;
}
.tab-content-control h1 {
  text-align: center;
  text-transform: uppercase;
  color: #be91b0;
  font-size: 25px;
  margin-top: 0px;
}
/*****Pedigree Control the Moment*****/
.tab-content-control td {
  background-color: transparent;
  font-spacing: normal;
  border-width: 1;
  border-style: solid;
  border-color: #be91b0;
  text-decoration: none;
  white-space: nowrap;
  padding-left: 10px;
  vertical-align: middle;
  color: #FFF;
}
.tab-content-control h3 {
  text-align: center;
  text-transform: uppercase;
  color: #be91b0;
}
.tab-content-control td a {
  color: #be91b0;
}
.tab-content-control .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border: 1px solid #2b1c27;
}


/* ----------  MEDIA QUERIES ---------- */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	  #horse-nav-control .nav-tabs > li {
    width: auto;
  }
	
  .control-page-header-mobile {
    display: none;
  }
	  #control-page-header-info {
    position: absolute;
    z-index: 2;
    top: 9%;
    display: none;
    text-align: left;
    max-width: 350px;
    left: auto;
  }
  .stallion-page-header-control {
    width: 100%;
    overflow-y: hidden;
    position: relative;
    min-height: 318px;
    height: 355px;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	  .control-page-header-mobile {
    display: none;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .control-page-header-mobile {
    display: none;
  }	
	  .stallion-page-header-control {
    max-height: 790px;
    height: auto;
    width: 100%;
    overflow-y: hidden;
    position: relative;
  }
  #control-page-header-info {
    position: absolute;
    z-index: 2;
    top: 24%;
    display: none;
    text-align: center;
    left: auto;
  }
}

@media (min-width: 992px) {
  #horse-nav-control .nav-tabs > li {
    width: auto;
  }
	  .control-page-header-mobile {
    display: none;
  }
	  .stallion-page-header-control {
    max-height: 790px;
    height: auto;
    width: 100%;
    overflow-y: hidden;
    position: relative;
  }
  #control-page-header-info {
    position: absolute;
    z-index: 2;
    top: 9%;
    display: none;
    text-align: left;
    max-width: 350px;
    left: auto;
  }
}

@media (min-width: 1200px) {
  #horse-nav-control .nav-tabs > li {
    width: auto;
  }
	
	  #control-page-header-info {
    position: absolute;
    z-index: 2;
    top: 22%;
    display: none;
    text-align: left;
    max-width: 100%;
    left: auto;
  }
	  .control-page-header-mobile {
    display: none;
  }
	  .stallion-page-header-control {
    max-height: 790px;
    height: auto;
    width: 100%;
    overflow-y: hidden;
    position: relative;
  }
}
@media (min-width:1950px) {
  .control-page-header-mobile {
    display: none;
  }
	  .stallion-page-header-control {
    max-height: 790px;
    height: auto;
    width: 100%;
    overflow-y: hidden;
    position: relative;
  }
  #control-page-header-info {
    position: absolute;
    z-index: 2;
    top: 24%;
    display: none;
    text-align: center;
  }
	  #horse-nav-control .nav-tabs > li {
    width: auto;
  }
}