/*
Theme Name:     Jupiter Child Theme
Theme URI:    http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI:    http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
  background-color:#fff;
}

*/

@import url('https://fonts.googleapis.com/css?family=Rubik:400,700');


.mk-image-inner.is-svg {
	width:100%;
	height:100%;
}

.speaker-title{
  font-size:15px !important;
  color:#444444;
  padding-top:15px;
  padding-bottom: 5px;
  font-weight: 700px;
  font-family: 'Rubik';
  margin-bottom: 0px;
}

.speaker-position{
  font-size:10px !important;
  font-weight: 400;
  font-family: 'Rubik';
  text-transform: uppercase; 
  line-height: 12px;
  display: block;
  color: #999999;
  padding-bottom: 3px;
}

.speaker-company{
  display: block;
  font-size:10px !important;
  font-weight: 700;
  font-family: 'Rubik';
  text-transform: uppercase; 
  line-height: 12px;
  color: #68931b;
  margin-bottom: 10px;
}

.speaker-close{

}



.grid-item-sponsor .tg-item-inner:hover{
    -webkit-filter: grayscale(1)!Important;
    filter: grayscale(1)!Important;
}

@media (min-width: 1024px){
  .speaker-close {
      font-size: 11px !important;
      padding: 9px 14px 6px 14px !important;
      position: absolute !important;
      right: 0px;
      margin: -15px;

  }
}

.grid-2,
.grid-2.grid-sizer{
  width: 45%;
}

.grid-3,
.grid-3.grid-sizer{
  width: 31%;
}

.grid-4,
.grid-4.grid-sizer{
  width: 22%;
}

.grid-5,
.grid-5.grid-sizer{
  width: 18%;
}

.grid-6,
.grid-6.grid-sizer{
  width: 15%;
}

.grid-7,
.grid-7.grid-sizer{
  width: 13%;
}

@media (max-width: 768px){
  .grid-4,
  .grid-4.grid-sizer{
    width: 45% !important;
  }

  .grid-2,
  .grid-2.grid-sizer{
    width: 98% !important;
  }

  .grid-3,
  .grid-3.grid-sizer{
    width: 98% !important;
  }

  .grid-5,
  .grid-5.grid-sizer{
    width: 31% !important;
  }

  .grid-6,
  .grid-6.grid-sizer{
    width: 31% !important;
  }

  .grid-7,
  .grid-7.grid-sizer{
    width: 22% !important;
  }
}