/*
Theme Name: Discussion Child
Theme URI: http://discussion.mikado-themes.com/
Description: A child theme of Discussion Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.1
Template: discussionwp
*/

h5 {
    color: red !important;
}
.mkd-drop-down .mkd-menu-second .mkd-menu-inner ul li:hover {
    background-color: #b82529!important;
    border-color: #fb4c35;
}
.mkd-main-menu>ul>li.mkd-active-item>a, .mkd-main-menu>ul>li:hover>a {
    background-color: #b82529!important;
}
.mkd-plw-seven .mkd-pt-seven-item {
    margin-bottom: 7px!important;
}
.mkd-section-title-holder .mkd-st-title {
    background-color: #26357e!important;
}
.mkd-post-item.mkd-pt-five-item .mkd-pt-five-content .mkd-pt-info-section {
    background-color: #b82529!important;
}
.mkd-post-item .mkd-social-share-holder .mkd-social-share-dropdown-opener {
    background-color: #fb4c3500!important;
}
::selection {
    background: #b82529!important;
}
.mkd-post-item .mkd-post-info-category:before {
    background-color: #b82529!important;
}
#mkd-back-to-top>span {
    background-color: #b82529!important;
}
.mkd-vertical-separator {
    border-right: 0!important;
}
.mkd-mobile-header .mkd-mobile-logo-wrapper a {
    max-height: 60px!important;
}
.mkd-search-opener.mkd-active, .mkd-search-opener:hover {
    background-color: #b82529!important;
}
.mkd-search-widget-holder .mkd-search-submit {
	background-color: #b82529!important;
}
.mkd-pagination ul li a:hover, .mkd-pagination ul li.active span {
    background-color: #26357e!important;
}
.mkd-pagination ul li a, .mkd-pagination ul li.inactive span {
    background-color: #b82529!important;
}
.mkd-blog-holder.mkd-blog-single article .mkd-post-info {
    background-color: #b82529!important;
}
.mkd-footer-bottom-holder .mkd-social-icon-widget-holder:first-child, .mkd-top-bar .mkd-social-icon-widget-holder:first-child {
    border-left: 1px solid #12121200!important;
}


$bodyBgc: #0288D1;
$white: #fff;
$btnPaddingScalePlus: 1.2;
$btnPaddingScaleMinus: .95;
body{  
   text-align:center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #26357e;
  color: #fff;
  min-width: 200px;
}
.toolbar .btn{
   text-align: center;
  display: block;
  font-weight: 700;
  position: relative;
  padding: 2px 25px;
  background-color: #26357e;
  text-decoration: none;
  color: #fff;
  border-radius: 50px;
  border: 1px solid white;
  box-shadow: 0px 2px 0px;
  transition: all .2s;
  z-index: 1;
  outline: none;
  -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
  &:hover{
    transform: translateY(-5px) 
      // scale(1.05,1.05)
    ;
    padding: calc(13px * #{$btnPaddingScalePlus}) calc(25px * #{$btnPaddingScalePlus});
    padding-right: calc(22px * $btnPaddingScalePlus);
    background-color: rgba(#fff,1);
    border: none;
    box-shadow: 0px 5px 10px darken($bodyBgc,7%);
  }
  &:hover > span:before{
    animation: none;
  }
  &:active{
      transform: translateY(0px) 
      // scale(.95,.95)
      ;
    padding: calc(13px * #{$btnPaddingScaleMinus}) calc(25px * #{$btnPaddingScaleMinus});
      box-shadow: inset 0px 2px 1px darken($bodyBgc,10%);
  }
}
.toolbar .btn_transparent{
  border: 0px;
  border-radius: 0px;
  padding: 2px 25px;
  background-color: rgba($white,0);
  color: $white;
  box-shadow: none;
  &:hover{
    box-shadow: none;
    background-color: inherit;
  }
}

.toolbar .btn_live{
  padding-right: 22px; 
}

span.live-icon{
    display: inline-block;
    top: calc(50% - 5px);
    background-color: red;
    width: 15px;
    height: 15px;
    margin-left: 20px;
    border: 1px solid rgba(black, .1);
    border-radius: 50%;
    z-index: 1;
&:before{
      content: '';
      display: block;
      position: absolute;
      background-color: rgba(red,.6);
      width: 10px;
      height: 10px;
      border-radius: 50%;
      animation: live 2s ease-in-out -1s infinite;
      z-index: -1;
    }
  }
@keyframes live {
  0% {
    transform: scale(1,1);
  }
  100% {
    transform: scale(3.5,3.5);
    background-color: rgba(red,0);
  }
}

small{
  position: absolute;
  font-size: 0.9em;
  color: rgba(white, .5);
  bottom: 2rem;
  b{
  font-weight: bold;
  color: rgba(white,.8);
  z-index: -1;
  }
}

@media only screen and (max-width: 500px) {
  .toolbar {
    flex-direction: column;
    padding-left: 50px;
    padding-right: 50px;
  }
  .btn {
    width: 250px;
  }
  span.live-icon{
    position: absolute;
    right: 20px;
  }
}

@media only screen and (max-width: 350px) {
  .btn{
    width: 100%;
  }
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.text{
  display:block;
  padding-left:70px;
  padding-top:20px;
  margin-right:50px;
}
.video__icon {
  position: absolute;
  width: 50px;
  left: 20px;
  top: 20px; }
  .video__icon .circle--outer {
    border: 1px solid #e50040;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 auto 5px;
    position: relative;
    opacity: .8;
    -webkit-animation: circle 2s ease-in-out infinite;
            animation: circle 2s ease-in-out infinite; }
  .video__icon .circle--inner {
    background: #e50040;
    left: 15px;
    top: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    opacity: .8; }
    .video__icon .circle--inner:after {
      content: '';
      display: inline;
      border: 2px solid #e50040;
      border-radius: 50%;
      width: 28px;
      height: 28px;
      top: -4px;
      left: -4px;
      position: absolute;
      opacity: .8;
      -webkit-animation: circle 2s ease-in-out .2s infinite;
              animation: circle 2s ease-in-out .2s infinite; }
  .video__icon p {
    color: #000;
    text-align: center; }

@-webkit-keyframes circle {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  
  to {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0; } }

@keyframes circle {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    }
  
  to {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    } }
.mkd-blog-holder article .mkd-post-image, .mkd-blog-holder article .mkd-post-image a, .mkd-blog-holder article .mkd-post-image img, .mkd-blog-holder article .mkd-post-text-holder {
    margin-left: auto;
    margin-right: auto;
}
.ytp-cued-thumbnail-overlay-image {
	z-index:300!important;
}
ytp-cued-thumbnail-overlay{
    height:220px;
    width:391px;
    position:relative;
}
#wpsvcattribution{
	display:none;
}