/*------------------------------------------------------------------
 * This is main css file for theme. It is broken into following sections:
 * 1.  Shortcodes styles
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
 * Color codes

 * Accent color: #43d5cb
 * Background: #fff
 * Content: #6e6e6e
 * Header h1: #333333
 * Header h2: #333333
 * Header h3: #333333
 * Header h4: #333333
 * Header h5: #333333
 * Header h6: #6e6e6e
 * Header Background: #ffffff
 * Footer Top Background: #292929
 * Footer Bottom Background: #fff

 * a (standard): #43d5cb
 * a (hover): #43d5cb
 */

/* ==========================================================================
   1. Shortcodes styles
   ========================================================================== */

/* ==========================================================================
   Tabs shortcode style - begin
   ========================================================================== */

.mkdf-icon-tabs-extended {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.mkdf-icon-tabs-extended.mkdf-icon-tabs-extended-one > ul li {
  width: 100%;
}

.mkdf-icon-tabs-extended.mkdf-icon-tabs-extended-two > ul li {
  width: 50%;
}

.mkdf-icon-tabs-extended.mkdf-icon-tabs-extended-three > ul li {
  width: 33.33%;
}

.mkdf-icon-tabs-extended.mkdf-icon-tabs-extended-four > ul li {
  width: 25%;
}

.mkdf-icon-tabs-extended.mkdf-icon-tabs-extended-five > ul li {
  width: 20%;
}

.mkdf-icon-tabs-extended.mkdf-icon-tabs-extended-six > ul li {
  width: 16.66%;
}

.mkdf-icon-tabs-extended.mkdf-icon-tabs-extended-seven > ul li {
  width: 14.28%;
}

.mkdf-icon-tabs-extended.mkdf-icon-tabs-extended-eight > ul li {
  width: 12.5%;
}

.mkdf-icon-tabs-extended .mkdf-icon-tabs-extended-nav {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #e1e1e1;
}

.mkdf-icon-tabs-extended .mkdf-icon-tabs-extended-nav li {
  float: left;
  margin: 0;
  padding: 0;
}

.mkdf-icon-tabs-extended .mkdf-icon-tabs-extended-nav li.mkdf-icon-tabs-extended-nav-line {
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  bottom: -1px;
  border-top: 4px solid #43d5cb;
  -webkit-transition: opacity 0.2s, width 0.4s, left 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93);
  -moz-transition: opacity 0.2s, width 0.4s, left 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93);
  transition: opacity 0.2s, width 0.4s, left 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93);
}

.mkdf-icon-tabs-extended .mkdf-icon-tabs-extended-nav li a {
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: center;
  color: #333333;
  font-family: "Poppins", sans-serif;
  padding: 31px 10px 27px;
  -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}

.mkdf-icon-tabs-extended .mkdf-icon-tabs-extended-nav li a .mkdf-icon-tabs-extended-title-holder {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  line-height: 34px;
  font-weight: 500;
  color: #333333;
}

.mkdf-icon-tabs-extended .mkdf-icon-tabs-extended-nav li:hover a .mkdf-icon-tabs-extended-title-holder,
.mkdf-icon-tabs-extended .mkdf-icon-tabs-extended-nav li.ui-tabs-active a .mkdf-icon-tabs-extended-title-holder {
	color: #ac337d;
}

.mkdf-icon-tabs-extended .mkdf-icon-tabs-extended-nav li a img {
  display: block;
  margin: 0 auto 18px;
}


.mkdf-icon-tabs-extended .mkdf-icon-tabs-extended-nav li a img.mkdf-icon-tab-extended-custom-icon-hover {
  display: none;
}

.mkdf-icon-tabs-extended .mkdf-icon-tabs-extended-nav li:hover a .mkdf-icon-tab-extended-custom-icon,
.mkdf-icon-tabs-extended .mkdf-icon-tabs-extended-nav li.ui-tabs-active a .mkdf-icon-tab-extended-custom-icon {
	display: none;
}

.mkdf-icon-tabs-extended .mkdf-icon-tabs-extended-nav li:hover a .mkdf-icon-tab-extended-custom-icon-hover,
.mkdf-icon-tabs-extended .mkdf-icon-tabs-extended-nav li.ui-tabs-active a .mkdf-icon-tab-extended-custom-icon-hover {
	display: block;
}

.mkdf-icon-tabs-extended .mkdf-icon-tabs-extended-nav li a .mkdf-icon-shortcode {
  display: block;
  margin: 0 auto 18px;
}

.mkdf-icon-tabs-extended .mkdf-icon-tab-extended-container {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 6px 0 0;
  padding-top: 65px;
}

.mkdf-icon-tabs-extended .mkdf-icon-tab-extended-container p {
  margin: 0;
}

/* ==========================================================================
   Tabs shortcode style - end
   ========================================================================== */

/* ==========================================================================
   Shortcodes styles - end
   ========================================================================== */