/*
Theme Name: Ronald Yule
Theme URI: http://www.lilvillemc.com
Author: Ronald Yule
Author URI: http://www.ronaldyule.co.uk
Version: 1.0
*/

@import url('css/bootstrap.css');
@import url('style.css');

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  font-family: "urbane", sans-serif;
  font-weight: 600;
  font-style: normal;
}

h1.talktv {
  margin-top: 0;
  margin-bottom: 0;
}

h1.talktv-title {
  color: white;
  font-family: "urbane", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 55px;
}

h1.talktv-title-clock {
  color: white;
  font-family: "urbane", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 45px;
}

h2.talktv-header {
  color: #f9ad00;
  font-size: 65px;
  margin: 20px;
}

h2.talktv-title {
  color: #f9ad00;
  font-size: 26px;
}

h2.talktv-title-fm {
  color: #f9ad00;
  font-size: 38px;
}

h2.talktv-subtitle {
  font-family: "urbane", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 26px;
}

h2.talktv-subtitle-fm {
  font-family: "urbane", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 38px;
}

h2.talktv-date {
  font-family: "urbane", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 26px;
  color: #f9ad00;
}

body {
    background-color: black;
    color: white;
}

body.talktv {
    background: -webkit-linear-gradient(to right, #000c1e, #13315b);
    background: linear-gradient(to right, #000c1e, #13315b);
    color: white;
}

p.bottom-spacer {
    min-height: 500px;
}

p {
	color: white;
}

.post-password-form p {
	color: black;
}

.pmpro_user_fields p {
  color: black;
}

input, select, textarea{
    color: #F55A32;
}

textarea:focus, input:focus {
    color: #F55A32;
}

widget-title {
  color: white;
}

/* unvisited link */
a:link {
    color: #F55A32;
}

/* visited link */
a:visited {
    color: #F55A32;
}

/* mouse over link */
a:hover {
    color: #F55A32;
}

/* selected link */
a:active {
    color: #F55A32;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.nopadding-right {
   padding-right: 0 !important;
   margin: 0 !important;
}

.rounded-corners {
    padding: 15px 20px;   
    background-color: #003146;
    color: white;
}

.rounded-corners-caption {
    padding: 15px 20px;   
    background-color: white;
    color: #F55A32;
    border-bottom: 4px solid #F55A32;
}

.rounded-corners-talktv {
    padding: 15px 20px;   
    background: -webkit-linear-gradient(to right, #000c1e, #13315b);
    background: linear-gradient(to right, #000c1e, #13315b);
    color: white;
}

.rym-shop-box {
    padding: 15px 20px;   
    background-color: #003146;
    min-height: 110px;
    width: 100%;
}

.pmpro_table {
  width: 100%;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.talktv-box-center {
  margin: auto;
  padding: 24px 0;
  min-height: 450px;
  padding-left: 60px;
  padding-right: 100px;
}

.talktv-container {
  max-height: 50px;
}

.talktv-autoload {
  color: red;
}

.talktv-show-logo {
  padding-left: 60px;
}

.talktv-show-logo-lvcr {
  padding-left: 35px;
  padding-right: 35px;
}

#overflowTest {
  color: white;
  height: 310px;
}

.clock {
  font-family: "urbane", sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 7px;
  text-align: center;
}

.clearfix {
  overflow: auto;
}

/*---------- Video Embeds ---------*/
  
.video-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}
  
.video-container iframe, .video-container object, .video-container embed, .video-container video { 
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0;
  width: 100%;
  height: 100%;
}

/* The caption text. */
.caption-text { 
  padding: 15px 20px; 
  background-color: white;
  border-bottom: 4px solid #F55A32;
  color: #F55A32;
}

.navbar {
    margin-bottom: 0;
}

.navbar-default {
  background-color: #003146;
  border-color: #00a6ed;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #003146;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #00a6ed;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #00a6ed;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #00a6ed;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #00a6ed;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #00a6ed;
}
.navbar-default .navbar-toggle {
  border-color: #00a6ed;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #00a6ed;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #00a6ed;
  }
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #00a6ed;
}