/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Breakpoint (768px)
	# Links
	# Top Bar
	# Content Area
	# Header
	# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Breakpoint (768px)
--------------------------------------------------------------*/

@media (max-width: 768px) {
  /*--------------------------------------------------------------
	## Links
	--------------------------------------------------------------*/

  a,
  body,
  button,
  input,
  select,
  textarea {
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
  }

  /*--------------------------------------------------------------
	## Top Bar
	--------------------------------------------------------------*/

  .top-bar.top-bar-align-left,
  .top-bar.top-bar-align-right {
    text-align: center;
  }

  .top-bar .widget {
    float: none !important;
    margin: 0 10px !important;
  }

  .top-bar .widget_nav_menu li {
    float: none;
    display: inline-block;
    padding: 5px 0;
  }

  /*--------------------------------------------------------------
	## Header
	--------------------------------------------------------------*/

  .site-header,
  .header-aligned-right .site-header {
    text-align: center;
  }

  .header-widget {
    float: none;
    max-width: 100%;
    text-align: center;
  }

  /*--------------------------------------------------------------
	## Content Area
	--------------------------------------------------------------*/

  .sidebar,
  .content-area {
    float: none;
    width: 100%;
    left: 0;
    right: 0;
  }

  .site-main {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body:not(.no-sidebar) .site-main {
    margin-bottom: 0 !important;
  }

  .one-container .sidebar {
    margin-top: 40px;
  }

  .separate-containers #left-sidebar + #right-sidebar .inside-right-sidebar {
    margin-top: 0;
  }

  .both-right.separate-containers .inside-left-sidebar,
  .both-left.separate-containers .inside-left-sidebar,
  .both-right.separate-containers .inside-right-sidebar,
  .both-left.separate-containers .inside-right-sidebar {
    margin-right: 0;
    margin-left: 0;
  }

  .alignleft,
  .alignright {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .post-image-aligned-left .post-image,
  .post-image-aligned-right .post-image {
    float: none;
    margin: 2em 0;
    text-align: center;
  }

  .comment .children {
    padding-left: 10px;
    margin-left: 0;
  }

  .edd_download {
    display: block;
    float: none !important;
    margin-bottom: 1.5em;
    width: 100% !important;
  }

  .entry-meta {
    font-size: inherit;
  }

  .entry-meta a {
    line-height: 1.8em;
  }
}