/*
Theme Name: Blank Child Theme
Description: This is an example of a blank Jump Start child theme.
Author: Your name here
Template: jumpstart
*/

@import url('../jumpstart/style.css');
@import url('css/global-styles.css');
@import url('css/surgewp.css');
@import url('css/corey.css');
@import url('css/joshua.css');
@import url('css/tucker.css?ver=3');
@import url('css/luke.css?ver=4');
@import url('css/responsive.css');
@import url('css/jquery.sidr.theme.css');
@import url('css/print.css');

/**
header menu
*/
@media (max-width: 767px) {
  .header-content-right {
    height: 0;
  } 
}

/**
search form
*/
.themeblvd-search .search-wrapper {
  display: inline-block;
  background-color: #000;
}
/*@media (max-width: 767px) {
  .themeblvd-search .search-wrapper {
    width: 100vw;
    padding: 0 calc(8% + 16px);
    left: calc(-8% - 16px);
    position: relative;
    background-color: #000;
    height: 72px;    
  }
}*/

/**
homepage carousel 
*/
.carousel-jq {
  overflow: hidden;
  margin-left:  0;
  margin-right: 0;
}
.carousel-jq .carousel-inner {
  position: relative;
  height: 0;
  width: 100%;
  min-width: 100%;
  padding-top: 55%;  
}
.carousel-jq .carousel-slide {
  width: 100%;
  position: absolute;
  opacity: 0;
  display: inline-block;
  top: 0;
  left: 0;
  right:  0;  
}
.carousel-jq .carousel-slide a {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}
.carousel-jq .carousel-slide a:focus {
  outline: 3px solid white;
}
.carousel-jq .carousel-slide img {
  width:  100%;
}
.carousel-jq .carousel-slide .shortcode-image-block {
  margin-bottom:  0;
}
.carousel-controls {
  position: absolute;
  z-index: 98;
  width: 100%;
  padding: 5px 8%;
  /*padding: 5px 10px;*/
}

.carousel-indicators {
    /*margin-top:-35px!important;*/
    padding-bottom:42px!important;padding-top:0!important;}
.carousel-indicators i{font-style:normal!important;font-size:0!important;padding:6px 8px!important;}
.carousel-indicators button:hover, .carousel-indicators a:hover{cursor:pointer;background-color:rgb(9,195,204)!important;color:white!important}
.carousel-indicators .disabled {visibility:hidden}
.carousel-indicators .active {background-color:rgb(9,195,204)!important;color:white!important}
.carousel-indicators {font-size: 0!important;letter-spacing: 0!important}

.carousel-indicators button { min-width:auto; }
.carousel-indicators button, .carousel-indicators a, .carousel-indicators span   {
  overflow: hidden;
  /*text-indent:-999px;*/
  width:24px!important;
  height:24px!important;
  text-transform:uppercase;
  color:black!important;
  line-height: 1!important;
  padding:6px 8px!important;
  display: inline-block!important;

  background-color: rgb(234,234,234)!important;
  vertical-align: middle!important;
  mix-blend-mode:multiply;
  letter-spacing: 0!important;
  border-radius: 100%!important;
  margin:3px!important;
  margin-bottom:0!important
}

.simple-image-slider__indicators.carousel-indicators {
  position:  relative;
}
/*
@media only screen and (max-width:767px){
  .carousel-indicators {
    padding-top:0!important;height: 0!important;overflow: hidden;margin-top:-70px!important
    }
    .carousel-indicators.carousel-number a {
      visibility: hidden!important
    } 
}
*/

.carousel-indicators button:not(.active) {
  border:  1px solid gray;
}



.video-header {
  background-color: #000;
  position: relative;
}
#outer {
  height: 100%;
}
#holder {
  height:  100%;
}

.video-header .hotspot {
  position: absolute;
  display: block;
  position: absolute;
  z-index: 98;
  background-color: transparent;
  color: transparent;
}

.video-header .hotspot a {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;

  /*width: 156%;*/
  /*height: 200%;*/
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  /*left: 50%;*/
  /*top: 50%;*/
  /*transform: translate(-60%, -65%);*/
}

.video-header .hotspot a:focus {
  opacity: 1;
}

.video-controls {
  position: absolute;
  z-index: 99;
  width: 100%;
  padding: 5px calc(8% + 20px);  
  /*padding: 5px 10px;*/
  transition: filter .3s;
}
.video-controls.darken {
  filter: brightness(.25);
}
@media (max-width: 767px) {
  .video-controls {
    position: relative;
    background-color: #000;
  }
}
/*
.container > .shortcode-image-block .video-controls {
  padding-left: 25px;
}
*/
.player-control-btn, .player-control-btn:hover {
  min-width: auto;
  padding: 1px;
  position: relative;
  width:  25px;
  height:  25px;
  margin-right: 8px;
}
@media (max-width: 767px) {
  .player-control-btn, .player-control-btn:hover {
    width: 18px;
    height: 18px;
  }
}
.player-control-btn > span {
  display:  flex;
  height: 100%;
  width: 100%;
}
.player-control-btn svg {
  height: 100%;
  width: 100%;
  vertical-align: middle;
}
.player-control-btn.transcript-btn {
  padding: 2px;
}
.player-control-btn.play-pause-btn.playing .play {
  display: none;
}
.player-control-btn.play-pause-btn:not(.playing) .pause {
  display: none;
}


.pum-theme-lightbox .pum-content {
  max-height: 75vh;
  overflow-y: auto;
}  
.pum-theme-lightbox .pum-content > p {
  padding-right: 15px;
}

/* highcharts charts */
#chart-bar .chart-bar-label > span {
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
#chart-bar .highcharts-data-labels.highcharts-series-0 .chart-bar-label > span {
  padding-right: 35px;
}
#chart-bar .highcharts-data-labels.highcharts-series-1 .chart-bar-label > span {
  padding-left: 35px;
}
#chart-doughnut .highcharts-data-label > text {
  font-size: 14px;
}

.section.row-graphs > div:first-of-type {
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .section.row-graphs {
    padding-top: 0;
    padding-bottom: 0;
  }
  .section.row-graphs > div:first-of-type {
    padding-bottom: 40px;
  }
}

@media (max-width: 550px) {
  #chart-bar .chart-bar-label > span {
    font-size: 11px !important;
  }
  #chart-doughnut .highcharts-data-label-connector {
    display: none;
  }
  #chart-doughnut .highcharts-data-label > text {
    font-size: 12px;
  }
}
@media (max-width: 500px) {
  .section.row-graphs > div:first-of-type {
    padding-bottom: 0;
  }
}