/* This is the version from Jenny Clegg, downloaded after she styled the DEV Mediaspace */
/* This has been modified by GM and TF for the Channel button and text*/

html {
  font-size: 16px; }

body {
  font-family: "Open sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  color: #333;
  background-color: #eef0f0;
  margin: 0;
  margin-bottom: 100px;
  padding: 0; }

strong {
  font-weight: 600; }

p {
  line-height: 28px; }

h1 {
  font-family: "TUOS Stephenson", serif;
  font-weight: normal;
  font-size: 1.4em; }

h2 {
  font-size: 1.2em; }

h3 {
  font-size: 1.2em; }

h4 {
  font-size: 1.0em; }

h5 {
  font-size: 0.9em; }

h6 {
  font-size: 0.8em; }

h2, h3, h4, h5, h6 {
  font-weight: 500;
  margin-top: 10px; }

.navbar .brand span {
    padding-left: 20px;
    font-family: "TUOS Stephenson", serif !important;
    font-weight: normal;
    font-size: 1.2em ;
    text-shadow: none !important;
    color: #ffffff !important;
}

.page-title {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.2;
  text-align: center;
}

.navbar-inner {
  background-image: none !important;
  /*background-color:#ffffff !important;*/
  color: #ffffff;
  padding: 10px 0 0 0 !important;
}

#header .nav li>a {
  font-size: 16px !important;
}

#horizontalMenu {
  /*background-color:#ffffff !important;*/
  width:100%;
  float: none !important;
}

#horizontalMenu ul.nav {
  /*background-color:#ffffff !important;*/
  width: 100%;
}

.navbar .nav>li>a {
  text-shadow: none !important;
}

#footer {
  background-color: #EBEAEA;
    color: #bbbbbb;
    text-align: center;
    padding: 0px;
    font-size: 95%;
    margin-top: 40px;
    border-top: 5px solid #ffffff;
    box-sizing: border-box;
}

#footer a:link, #footer a:visited { color: #bbbbbb; text-decoration: underline; }
#footer a:active, #footer a:hover { color: #ffffff; text-decoration: underline; }

body.module-home #entrySlider .carousel-caption { font-style: normal; }
ul.thumbnails p.thumb_name_content { font-size: 70%; line-height: normal; }

#orderedPlaylists .playlist-carousel-container .thumbnails {
  height: auto !important;
  margin-bottom: 30px !important;
}

.alert {
  text-shadow: none !important;
}
.alert.alert-info {
  background-color: #c6ecf2 !important;
}


/* commented the stuff below out as it wasn't working 
element.style {
	color: white;
}
*/
/* from Zoe to sort out button issue on new KMS */


#channel-title .category-actions.btn-group button.btn.dropdown-toggle {
    border-color: transparent !important;
    color: rgb(0,0,0);
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    left: 5px;
    bottom: 2px;
    background-color: whitesmoke;
}

.nav-tabs {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0;
    height: 100%;
}

.nav-tabs li a {
    color: #333;
    font-weight: bold;
    border: none;
    font-size: 16px;
    padding: 16px 12px 14px;
    line-height: 18px;
    margin-right: 0;
}