/*
Theme Name: Smart Mag Child
Theme URI: http://theme-sphere.com/
Description: A child theme of SmartMag
Author: ThemeSphere
Author URI: http://theme-sphere.com
Template: smart-mag
Version: 1.0
*/
@import url("../smart-mag/style.css");

/*
* === Global UI ===
*/

/* Layout */
.featured-grid .image-link {
  min-height: 1px !important;
}
.featured-grid .wp-post-image {
  height: 300px;
  object-fit: cover;
  width: 100%;
}
.row aside.sidebar {
  float: right;
}
.main-featured {
  padding: 2em 0 0 0;
  margin: 1em 0;
}

/* Top Bar w/ Social Links */
.top-bar {
  border-top-color: #000;
}
ul.share-buttons {
  list-style: none;
  padding: 0;
}
ul.share-buttons li {
  display: inline;
}

/* Breadcrumb Bar */
.breadcrumbs-wrap {
  background: #fff;
}
.breadcrumbs {
  background: #fff !important;
}
/* Sidebar */
.sidebar__link {
  margin-bottom: 10px;
}
.sidebar__link-img {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/*
* === Functional Classes ===
*/

/* Display States for Frontpage Video Roll */
.desktop {
  display: block;
}
.mobile {
  display: none;
}

/* Video */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
* === Typography ===
*/

.social-follow .label,
.share-links a,
.main-featured a,
.cat-title a,
.main-footer .widget a,
.navigation a {
  color: #fff !important;
}
.highlights h2 a,
.block.posts a,
.main-head .title a,
.author-info [rel="author"],
.breadcrumbs a,
.gallery-block .carousel .title a,
.modal-header .close,
.post-share .text,
span .reviewer a,
.post-meta .cats a,
.page .post-header h1,
.heading h1,
#comment-submit,
.submit-button,
#sb_instagram .sb_instagram_header h3,
#f-more a {
  color: #313131 !important;
}
.highlights h2 a,
.highlights .thumb .content > a {
  color: #19232d !important;
}
#f-more a {
  text-decoration: underline;
}

#mov-avatar {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-top: 110%;
  background-image: url("https://movernie.com/wp-content/uploads/2016/05/movernie-avatar.png");
}

.posts-list .content > a {
	color: #19232d;
}

/*
* === DESIGN ELEMENTS ===
*/

/* Speech Bubble */

.speech-container {
  height: 100%;
}
.speech p {
  font-size: 1em;
}
.bubble {
  bottom: 10%;
  background-image: url("https://movernie.com/wp-content/uploads/2016/05/movernie-avatar-speech-copy.png");
  width: 23px;
  height: 40px;
  position: absolute;
  margin-left: -21px;
}
.speech {
  position: absolute;
  height: auto;
  background: white;
  border-radius: 14px;
  padding: 20px 16px;
  bottom: 20px;
}

.play_button {
  width: 75px !important;
}

@media only screen and (max-width: 767px) {
  #mov-corner-logo {
    float: left;
    width: 30%;
    padding: 10% 0 0 10%;
  }
  #mov-avatar {
    width: 60%;
    float: right;
    padding-top: 40% !important;
  }
  .avatar-container {
    margin-bottom: 0px !important;
  }
  .center__column-container,
  .speech__container {
    padding: 0;
  }
  .video__roll-mobile,
  .recent-feature {
    padding: 0;
  }
}

@media only screen and (max-width: 799px) {
  /*
	 * Top Bar
	 */

  /* change top bar styling */
  .top-bar-wrap {
    padding: 0px;
    text-align: center;
  }
  .speech {
    position: relative;
    bottom: 0px;
  }
  .bubble {
    display: none;
  }
  .top-bar .social-icons {
    clear: both;
    text-align: center;
    float: none;
  }
}

@media only screen and (max-width: 1128px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }

  .wrap,
  .boxed .main-wrap {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  body.boxed {
    padding: 0 25px 0 25px;
  }
}