/*







	Theme Name: Being Hueman







	Theme URI: http://designchapter.com/being-hueman/







	Description: child theme for Hueman theme.







	Author: Boxspin







	Author URI: http://boxspin.com







	Template: hueman







	Version: 1.0.0







    Description: Child Theme of Heuman Theme. Added Author to the frontpage post display. <a href="http://alxmedia.se/themes/hueman/">Hueman</a> is a responsive 100% high resolution theme for blogs and magazines. Unique toggle sidebars give a great browsing and reading experience on both tablet and mobile. The feature list is long: Unlimited topbar, header, footer and accent colors, unlimited widget areas, 0-2 sidebars to the left or right that can be uniquely specified for each page or post, 300px / 220px fixed width sidebars, 0-4 footer widget columns, almost zero layout images, related posts and post nav, featured story or slider, 10 post formats, good SEO, 3 flexible custom widgets, localisation support, social links, logo upload and many more useful admin panel features.















    Tags: light, one-column, two-columns, three-columns, right-sidebar, left-sidebar, fluid-layout, fixed-layout, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post,           theme-options, threaded-comments, translation-ready                                 















	Copyright: (c) 2013 Alexander "Alx" Agnarson







	License: GNU General Public License v3.0







	License URI: http://www.gnu.org/licenses/gpl-3.0.html







*/











@import url("../hueman/style.css");



.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}

 

.video-container iframe, 

.video-container object, 

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



/************************************

** レスポンシブページネーション

************************************/

.pagination{

  list-style-type: none;

  padding-left: 0;

  margin: 30px 0;

}

 

.pagination,

.pagination li a {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

}

 

.pagination a {

  font-weight: 300;

  padding-top: 1px;

  text-decoration:none;

  border: 1px solid #ddd;

  border-left-width: 0;

  min-width:36px;

  min-height:36px;

  color: #333;

}

 

.pagination li:not([class*="current"]) a:hover {

  background-color: #eee;

}

 

.pagination li:first-of-type a {

  border-left-width: 1px;

}

 

.pagination li.first span,

.pagination li.last span,

.pagination li.previous span,

.pagination li.next span {

  /* screen readers only */

  position: absolute;

  top: -9999px;

  left: -9999px;

}

 

.pagination li.first a::before,

.pagination li.last a::after,

.pagination li.previous a::before,

.pagination li.next a::after {

  display: inline-block;

  font-family: Fontawesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  transform: translate(0, 0);

}

 

.pagination li.first a::before { content: "\f100"; }

.pagination li.last a::after { content: "\f101"; }

 

.pagination li.previous a::before { content: "\f104"; }

.pagination li.next a::after { content: "\f105"; }

 

.pagination li.current a {

 background-color: #ddd;

 cursor: default;

 pointer-events: none;

}

 

.pagination > li:first-child > a {

  border-bottom-left-radius: 4px;

  border-top-left-radius: 4px;

}

 

.pagination > li:last-child > a {

  border-bottom-right-radius: 4px;

  border-top-right-radius: 4px;

}

 

@media only screen and ( max-width: 680px ) {

  .pagination li.first,

  .pagination li.last {

    /* screen readers only */

    position: absolute;

    top: -9999px;

    left: -9999px;

  }

 

  .pagination li.previous a { border-left-width: 1px; }

}

 

@media only screen and ( max-width: 500px ) {

  .pagination li {

    /* screen readers only */

    position: absolute;

    top: -9999px;

    left: -9999px;

  }

 

  .pagination li.current,

  .pagination li.first,

  .pagination li.last,

  .pagination li.previous,

  .pagination li.next{

    position: initial;

    top: initial;

    left: initial;

  }

 

  .pagination li.previous a { border-left-width: 0; }

}

 

@media only screen and ( max-width: 400px ) {

  .pagination li.first,

  .pagination li.last {

    /* screen readers only */

    position: absolute;

    top: -9999px;

    left: -9999px;

  }

 

  .pagination li.previous a { border-left-width: 1px; }

}

 

@media only screen and ( max-width: 240px ) { /* For watches? */

  .pagination li { width: 50%;}

 

  .pagination li.current {

    order: 2;

    width: 100%;

    border-left-width: 1px;

  }

}



/* ------------------------------------------------------------------------- *







 *  Theme customization starts here







/* ------------------------------------------------------------------------- */







/*