/*
Theme Name: Elision Child
Theme URI: http://demo.qodeinteractive.com/elision/
Description: A child theme of Elision Theme
Author: Qode Interactive
Author URI: http://www.qodeinteractive.com/
Version: 1.0.0
Template: elision
*/
@import url("../elision/style.css");

/* TTC changes START HERE */

.carousel-control{width: 13%;}

@media only screen and (max-width: 420px){.q_logo a{height: 42px !important;}.header_bottom {padding: 0 15px;}}

aside .widget a {color: #000 !important;}
.widget .tagcloud a{color: #ffffff!important;}

#mc_signup_submit{height: 39px; line-height: 39px; font-size: 12px; padding: 0 18px;
color: #ffffff; background-color: #ed2224; border: none;}
.mc_success_msg {color: #ed2224;}

#mc_signup_form {border-width: 0px !important;
border-style: none !important;
background-color: transparent !important; }

li.tweets_avatar .tweet_data {font: inherit !important; color:#ffffff !important;}
li.tweets_avatar {padding: 2px 2px 0 !important; background: #272727 !important; border-radius: 0px !important; color: #fff !important;}
.fetched_tweets > li {font-family: inherit !important; border-color: none !important; border-width: 0px !important;}
.fetched_tweets .tweets_avatar .tweet_data a {color: #ed2224 !important;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #fff;
background: #ffffff url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x  !important;
font-weight: bold;
color: #666666;
}
.ui-state-hover {background: #eeeeee !important;}

/*Custom elements from interviews box*/
.vc_non_responsive .wpb_row .vc_span4 {
    position: relative;
    float: left;
    width: 33.3333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.wpb_row .vc_span1, .wpb_row .vc_span2, .wpb_row .vc_span3, .wpb_row .vc_span4, .wpb_row .vc_span5, .wpb_row .vc_span6, .wpb_row .vc_span7, .wpb_row .vc_span8, .wpb_row .vc_span9, .wpb_row .vc_span10, .wpb_row .vc_span11, .wpb_row .vc_span12 {
    margin-left: 0px;
}
.vc_non_responsive .wpb_row .vc_span8 {
    position: relative;
    float: left;
    width: 66.6667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.vc_non_responsive .wpb_row .vc_span12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.wpb_row::before, .wpb_row::after {
    content: " ";
    display: table;
}
.wpb_row::before, .wpb_row::after {
    content: " ";
    display: table;
}
.wpb_row *, .wpb_row *::before, .wpb_row *::after {
    box-sizing: border-box;
}
.social_buttons {
    float: left;
    margin-right: 10px;
}
/*Style for facetwp*/
.facetwp-facet {
    margin-bottom: 20px!important;  
    float:left;
    margin-left:20px;
}
/*Vicki: changed it to 20px so 2nd line of select doesn't stick underneath & important for it to work*/
.facetwp-dropdown, .facetwp-search{ 
  border-radius: 4px;
  display: inline-block;
  background: #FFF;
  border: 1px solid #DDD;
  color: #888888;
  font-size: 13px;
  font-weight: 300;
  height: 42px;
  padding: 10px 10px;
  width: 100%;
  font-family: Oswald;
}
/*Vicki:added this dropdown look and search*/

/*Vicki: CSS for Interviews masonry template*/
.int-speaker{text-transform: uppercase; color: #ed2224;}
.int-abstract{text-align: justify;}
.blog_holder.masonry {margin-top: 20px;} /*unstick top grid line from pagination*/
.blog_holder.masonry article {margin:0 15px 30px 0;} /* doesn't fix but fools the eye: grid boxes stick closer to each other upon use of Facet/Search on top of page. Don't know why. Added a 15px on the right margin. */

/*.content .container .container_inner{padding: 60px 0 0 0;} creates conflict w/ other pages. Might need to be added to individual page or omitted */

.entry-content td{border:none;width:50%}td.free,div.free {background: #7ebf49 !important;}td.busy,div.busy {background: #ed2226 !important;}td.notpossible,div.notpossible {background: #696969 !important;}.appointments-login_link-google{display:none !important;}
.qbutton.medium {
  height: 42px;
  line-height: 42px;
  font-family: 'Oswald';
  font-size: 13px;
  font-weight: 300;
  padding: 0 32px;
  color: #888;
  border: 1px solid #DDD;
  background-color:#f9f9f9;
}
.qbutton.more_facts_button {
  font-family: 'Oswald';
  font-size: 13px;
  font-weight: 300;
  padding: 0 32px;
  color: #888;
}
/*Listen bar style*/
header.sticky .header_player {
  display:none;
}
.content{
  margin-top:-61px;
}
.header_player {
  height: 61px; 
  margin-top:5px;
  margin-bottom:5px;
}

.arrow-right {
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid white;
position: absolute;
margin: -18px 0 0 100px;
}
.arrow-pause{
width:10px;
height:14px;
border-left:4px solid white;
border-right:4px solid white;
position: absolute;
margin: -18px 0 0 95px;
}
.imgspeaker{
position: relative;
width:45px;
height:45px;
margin: 7px 0 0 10px;
}
.info{
display: block;
}
.metadescr{
display: block;
margin: -50px 0 0 50px;
color: #eeeeee;
}
.metatitle{
font: normal 200 13px Arial, serif;
line-height: 16px;
}
.metaspeaker{
font: italic 100 10px Arial, serif;
color:#999;
line-height: 14px;
}
.program{
display: block;
color: #999;
background: none repeat scroll 0% 0% #171717;
height: 58px;
}
.schedule{
font: normal 200 12px Arial, serif;
line-height: 22px;
}
.schedule a{text-decoration: none;}
.schedule a:hover{color:#ed2224;}
.topic{
font: normal 200 12px Arial, serif;
line-height: 22px;
color: #3e3e3e;
}
.jp-play, .jp-pause {
    display: block;
    border-radius: 0px;
    height:58px; 
    margin: 0px;
    padding: 20px 20px 10px 30px;
    color: #FFF;
    background: none repeat scroll 0% 0% #ED2224;
    font: 100 18px Arial,serif;
    text-decoration: none;
}          
#rj-cover a img {
  height: 45px;
  margin: 7px 0 0 0;
  position: relative;
  width: 45px;
}
.jp-play:hover, .jp-pause:hover {
    background: none repeat scroll 0% 0% #EEE;
    text-decoration: none;
}
.leftcol {
  padding:0px; 
  background-color:#ed2224; 
  float:left;
  width: 15%;
}
.centercol{
  background-color:#333; 
  height:58px;
  float: left;
  width: 65%;
  padding-left: 10px;
}
.rightcol {
  padding:0px;  
  background: none repeat scroll 0 0 #171717;
  float: right;
  width: 20%;
}

/*Schedule drop down */
ul.schedule {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 1px 4px 1px 0;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
ul.schedule li.schedule-title {
    font: normal 12px/18px sans-serif;
    display: inline-block;
    margin: 5px 0 0 5px;
    position: relative;
    padding: 2px 30px 1px 15px;
    background: #171717;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
ul.schedule li.schedule-title:hover {
  background: #171717;
  color: #ed2224;
}
ul.schedule li.schedule-title ul.schedule-entries {
  padding: 0;
  position: absolute;
  top: 25px;
  right:-35px;
  width: 300px;
  background-color: #171717;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index:10000;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul.schedule li.schedule-title ul.schedule-entries li.schedule-entry { 
  background: #171717; 
  display: block; 
  margin: 10px;
  color: #fff;
    border-bottom: thin dotted #666;
}
ul.schedule li.schedule-title ul.schedule-entries li.schedule-entry:hover { background: none; color: #999; }
ul.schedule li.schedule-title:hover ul.schedule-entries {
  display: block;
  opacity: 1;
  visibility: visible;
}
/*schedule drop down ends here*/
/*.content {
 * height: 3800px;
 * }*/