/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/** 
 * google webFONTS 
 * @link http://www.google.com/webfonts
 */




@media all { 

/** Support for full multi-stop gradients with IE9 (using SVG).
 * @link http://www.colorzilla.com/gradient-editor/ 
 */
/* removed as class is set under ff *//*
html.gt-ie8 * {
filter: none !important;
}
*/
/* =WordPress Core
 * @link http://codex.wordpress.org/CSS#WordPress_Generated_Classes
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 0 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/* https://codex.wordpress.org/Content_Width#Adding_Theme_Support */
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}

.assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}

img[class*="align"],
img[class*="wp-image-"] {
  height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
  max-width: 97.5%;
  width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

#main iframe {
max-width: 100%;
}

datalist {display:none;} /* IE fix */

}


/* assistive links */
@media all { 

a.assistive-text:active,
a.assistive-text:focus {
color: #fd0000;
font-weight: bold;
padding: 3px 10px;
clip: auto !important;
font-size: 12px;
position: absolute;
z-index: 9999;
text-decoration: none;
top: 5px;
right: 20px;
background: #fff;
-webkit-box-shadow: #888 1px 1px 2px, inset #ddd 0 0 10px;
-moz-box-shadow: #888 1px 1px 2px, inset #ddd 0 0 10px;
box-shadow: #888 1px 1px 2px, inset #ddd 0 0 10px;
border: solid 2px #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
white-space: nowrap;
}

}


/* #main-design */
@media all { 

body {
background-color: #f2f2f2;
}

h1, h2, h3, h4, h5, h6 {
line-height: 1.5em;
margin-bottom: 0.25em;
margin-top: 0.25em;
}
.footer-area h1,
#main h1 {
font-size: 1.8em;
}
#main h1 .meta-bookmark {
font-size: 0.5em;
line-height: 2em;
vertical-align: text-top;
}
#main h1 .meta-bookmark > a {
color: inherit;
}

.footer-area h2,
#main h2 {
font-size: 1.6em;
}
.footer-area h3,
#main h3 {
font-size: 1.4em;
}
#main h2.category {
font-size: 1em;
line-height: 1em;
margin: 0;
font-weight: normal;
}
#main td {
vertical-align: top;
}
html.csstransitions #main a:not(.item) {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}

html.csstransitions #main a:focus,
html.csstransitions #main a:hover {
}


#main .na-col2 {
}
#main .na-col1,
#main .na-col3 {
}
#main .na-col2 .na-cbox {
padding: 1em;
background-color: #fff;
border: 1px solid #eee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.15);
box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
#main .na-col1 .na-cbox,
#main .na-col3 .na-cbox {
padding: 1em;
background-color: #fff;
border: 1px solid #eee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.15);
box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
#main > .na-wrapper > .na-wbox {
border: 1px solid #ccc;
background-color: #fff;
padding: 1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.15);
box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
body.superteaser #main > .na-wrapper > .na-wbox {
-webkit-box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.15);
box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
header > .na-wrapper > .na-wbox,
footer > .na-wrapper > .na-wbox {
}

}

/* header */
@media all { 

#masthead {
background-position: top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
#masthead .page-header {
margin: 0em 0 0 0;
border: none;
}
#masthead .page-header h1 {
margin: 0;
padding-left: 0.9em;
padding-top: 0.25em;
}
#masthead .page-header h1 a {
color:inherit;
}
#masthead h1 a:hover,
#masthead h1 a:focus {
text-decoration: none;
color:inherit;
}

}

/* #main-navi */
@media all { 

#main-navigation .navbar-brand {
position: relative;
display:none;
}
#main-navigation .navbar-brand.img {
padding: 6px 5px 2px 5px;
}
#main-navigation .navbar-brand.img img {
max-height: 36px;
}
#main-navigation .navbar-toggle.pull-left {
margin-left:15px;
}
nav.navbar #searchform {
float: right;
margin-top: 8px;
margin-right: 10px;
}
html.csstransitions nav.navbar #searchform input.field {
width: 70px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
nav.navbar #searchform input.field,
html.csstransitions nav.navbar #searchform input.field:focus {
width: 120px;
}

nav.navbar #searchform input.submit,
nav.navbar #searchform button.submit {
display:none;
}
#scrollTo-Top {
cursor: pointer;
padding-left: 1.5em;
display: none;
margin-bottom:5px;
}

}

/* top-menu */
@media all {

#site-navigation.navbar {
margin: 0;
}

#site-navigation.navbar {
position: absolute;
top: 5px;
right: 5px;
left: auto;
font-size: 0.8em;
padding: 0;
border: none;
background: none;
filter: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
#site-navigation .assistive-text {
right: 0;
}
#site-navigation ul {
margin: 0;
}

.navbar ul.top-menu > li {
line-height: 1.25em;
}
.navbar ul.top-menu > li > a {
padding: 0em 0.5em;
border-right: 1px solid #777;
color: #777;
}
.navbar ul.top-menu > li > a:hover,
.navbar ul.top-menu > li > a:focus {
color: #333;
}
.navbar ul.top-menu > li:last-child > a,
.navbar ul.top-menu > li.last > a {
border-right: none;
}
.navbar ul.top-menu > .active > a,
.navbar ul.top-menu > .active > a:hover,
.navbar ul.top-menu > .active > a:focus {
  background-color: transparent;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.navbar ul.top-menu li.dropdown.open > .dropdown-toggle, 
.navbar ul.top-menu li.dropdown.active > .dropdown-toggle, 
.navbar ul.top-menu li.dropdown.open.active > .dropdown-toggle {
background-color: transparent;
}
.navbar ul.top-menu .dropdown-toggle .caret {
margin-top: 5px;
}

}
/**
 *  bootstrap fix 
 * >> continue floating
 * 
@media (max-width: 768px) {
  .navbar-nav > li {
    float: left;
  }
}
@media (max-width: 480px) {
  .navbar-nav > li {
    float: none;
  }
}*/
@media (max-width: 480px) {
#site-navigation.navbar {
display: none;
}
}

/* top-menu >> wpml */
@media all {

.navbar ul.top-menu li.menu-item-language ul {
display: none;
position: absolute;
padding-top: 2px;
list-style: none;
margin-left: 0;
border: 1px solid #ccc;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.15);
box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
.navbar ul.top-menu li.menu-item-language ul li {
padding: 0px 7px;
}
.no-js .navbar ul.top-menu li.menu-item-language:hover ul,
.no-js .navbar ul.top-menu li.menu-item-language:focus ul {
display: block;
}
.navbar ul.top-menu li.menu-item-language ul li {
white-space: nowrap;
}
.navbar ul.top-menu > li.menu-item-language > a > .caret {
margin-top: 5px;
}

}



/* pager */
@media all { 

.nav-single.top .pager {
margin-top: 0;
margin-bottom: 10px;
}

}

/* breadcrumbs */
@media all {

ul.breadcrumb {
font-size: 0.8em;
padding: 0.5em 1em;
margin-bottom: 0.25em;
}
.breadcrumb .divider {
padding: 0 5px;
color: #ccc;
}

}


/* all loop */
@media all {

section#content > header {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #f2f2f2;
padding: 1em;
margin-bottom: 2em;
}
section#content > header h1 {
font-size: 2em;
font-weight: normal;
line-height: 1em;
}
section#content > header h2 {
font-size: 1em;
line-height: 1em;
font-style: italic;
font-weight: normal;
}
article header .status-featured  {
    font-size: 0.45em;
    font-weight: 400;
    letter-spacing: 0.1em;
    vertical-align: text-top;
    text-shadow: none;
    }
section#content > article {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 5px solid #eee;
}
section#content > article.last {
border-bottom: none;
}
body article header .teaserimg {
display: block;
float: left;
width: 25%;
height: 120px;
background-position: center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0 1em 1em 0;
border: 1px solid #aaa;
}
body article.highlight header .teaserimg {
width: 35%;
height: 160px;
}
body article.highlight-first header .teaserimg {
float: none;
width: 100%;
height: 300px;
margin: 0 0 1em 0;
}
body .superteaser-top {
padding: 1em 1em 0 1em;
}
body article .video-stage iframe {
border: 1px solid #aaa;
background-color: #ddd;
}
body article div.carousel {
border: 1px solid #aaa;
background-color: #ddd;
}

}

/* categorized loop */
@media all {

section.categorized > section {
margin-bottom: 3em;
}
section.categorized > section.last {
}
section.categorized > section > article > header,
body.categorized-blog #main hgroup h2.category {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #f2f2f2;
padding: 0.5em 1em;
}
section.categorized > section > article > header a,
body.categorized-blog #main hgroup h2.category a {
color: inherit;
}

section.categorized > section > article > header a:hover,
section.categorized > section > article > header a:focus,
body.categorized-blog #main hgroup h2.category a:hover,
body.categorized-blog #main hgroup h2.category a:focus {
text-decoration:none;
}
section.categorized > section > section.category-articles {
font-size: 0.9em;
margin-top: 1.5em;
}
section.categorized > section > section.category-articles ul li a.excerpt {
color: inherit;
}
section.categorized > section > section.category-articles ul li div#idTextPanel {
display: inline;
}

}
/* categorized loop - horizontal subarticles adjustment */
@media all {

section.categorized > section > article > header,
body.categorized-blog #main hgroup h2.category {
border-top: none;
border-bottom: none;
padding-left: 0.25em;
color:#888;
text-transform: uppercase;
font-size: 0.8em;
background-color: #eee;
letter-spacing: 2px;
}
section.categorized > section > section.category-articles a.excerpt {
color: inherit;
}
section.categorized > section > section.category-articles div#idTextPanel {
display: inline;
}
section.categorized > section > section.category-articles a.teaserimg {
display: block;
height: 80px;
background-position: center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border:1px solid #ddd;
}

}
@media (max-width: 767px) {

section.categorized > section > section.category-articles a.teaserimg {
display: none;
}

}
/* search */
@media all {

body.search {
}
body.search article h1 {
font-size: 1em;
}
.navbar-form .btn {
vertical-align: bottom;
padding-left: 2em;
padding-right: 2em;
}

}

/* category */
@media all {

body.category {
}

}

/* tag */
@media all {

body.tag {
}

}

/* author */
@media all {

.author-avatar {
float: left;
margin: 0 1em 0.5em 0;
}
.author-avatar img {
border: 1px solid #aaa;
}

}

/* single */
@media all {

body article header div.teaserimg {
display: block;
background-position: center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: 1px solid #aaa;
float: none;
width: 100%;
height: 250px;
margin: 0 0 1em 0;
}

}

/* 404 */
@media all {

body.error404 #content #searchform {
margin-top: 2em;
}
body.error404 #content .nerd {
width: 202px;
height: 456px;
background: transparent url('../img/nerd5.png') no-repeat;
}

}

/* no-content */
@media all {

#content .no-results .nerd {
width: 202px;
height: 456px;
background: transparent url('../img/nerd5.png') no-repeat;
}

}

/* image.php */
@media all {

.attachment .image {
}
.attachment .image header footer {
text-align:right;
}
.attachment .image .image-frame {
margin-bottom: 1em;
}
.attachment .image .image-frame .image-stage {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #f2f2f2;
text-align: center;
}
.attachment .image .image-frame .image-stage img {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
max-height: 100%;
}
.attachment .image .image-frame .image-stage div {
position: relative;
display:inline-block;
max-width: 100%;
*width: 100%;
}
.attachment .image .image-frame .image-stage div aside {
position: absolute;
top: 4px;
right: 4px;
background-color: #f2f2f2;
border: 1px solid #999;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
padding: 2px 3px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.25) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0.25))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.25) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.25) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.25) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.25) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#40ffffff',GradientType=0 ); /* IE6-8 */
}
.attachment .image .image-frame .image-stage div aside a {
padding: 0 3px;
}
.attachment .image .image-frame .image-stage div aside {
display: none;
}
.attachment .image .image-frame .image-stage:hover div aside {
display: block;
}
.attachment .image .image-frame .caption {
font-style: italic;
color: #777;
}
.attachment .image .image-frame .caption time {
float: right;
margin: 0 1em 1em 1em;
font-size: 0.8em;
}


}

/* gallery */
@media all {

.gallery {
margin-bottom: 1.5em;
margin-top: 1.5em;
/*
background-color: #eee;
padding: 1em 0 0 0;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
*/
}
.gallery-item {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.gallery-item a:hover,
.gallery-item a:focus {
text-decoration: none;
}
.gallery-caption {
font-style: italic;
color: #777;
font-size: 0.9em;
line-height: 1.1em;
margin-bottom: 1em;
text-align: center;
}
.gallery-icon img {
border: none !important;
}

/* masonry adjustments */
.masonry.gallery {
/*
background-color: #3f3f3f;
*/
margin: 1em 0;
padding: 1em 0;
/*
-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    inset 0px 0px 15px 0px rgba(0, 0, 0, 0.6);
box-shadow:         inset 0px 0px 15px 0px rgba(0, 0, 0, 0.6);
*/
}
.masonry.gallery > div {
display: block;
}
.masonry.gallery > div > a {
position: relative;
display: block;
padding: 0.25em;
}
.masonry.gallery > div > a > img {
/*
-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.6);
box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.6);
*/
}
.masonry.gallery > div > a > .gallery-caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 0.25em;
margin-bottom: 0;
}
.masonry.gallery > div > a > .gallery-caption > div {
position: relative;
margin-bottom: 0;
width: 100%;
padding: 0.25em 0.5em;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 );
color: #fff;

}
.masonry.gallery > div > a > .gallery-caption * {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.masonry.gallery > div > a > .gallery-caption  p {
margin:0;
}

}

/* comments */
@media all {

#comment-nav-below {
text-align: center;
}

section#comments {
margin-top: 10em;
}
#comments.popup {
margin-top: 0;
}
section#comments > header {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #f2f2f2;
padding: 1em;
margin-bottom: 2em;
}
section#comments > header h1 {
font-size: 1em;
font-weight: 700;
line-height: 1em;
}
#comments.popup > header div.info {
margin: 1em 0 0 0;
font-size: 0.8em;
line-height: 1.2em;
color: #666;
}


.comments-area {
}
.comments-area ol {
list-style-type: none;
margin-left: 0;
}
.comments-area ol li {
position: relative;
padding-bottom: 0.5em;
margin-bottom: 1.5em;
border-bottom: 4px solid #f2f2f2;
}
.comments-area ol li.last {
border-bottom: none;
}
.comments-area ol ol {
}
.comments-area ol ol li {
border-left: 4px solid #eee;
margin: 2em 0;
padding: 0 0 0 0.5em;
border-bottom: none;
}
.comments-area ol li article header {
margin-bottom: 0.5em;
}
.comments-area ol li .comment-content {
clear: both;
font-size: 0.95em;
margin: 0.5em 0;
}
.comments-area .avatar {
margin: 0 0.5em 0.5em 0;
}
.comments-area .author {
font-weight: bold;
}
.comments-area time {
font-size: 0.8em;
display: block;
}
.comments-area footer {
/*
position: absolute;
top: 0;
right: 0;
*/
font-size: 0.8em;
}
.comments-area li footer {
/* display: none; */
}
.comments-area li:hover > article > footer {
display: block;
}
.comments-area footer a {
color: inherit;
padding: 0 0.5em;
}
.comments-area footer .permalink-link {
cursor:pointer;
}
.comments-area footer .permalink-popover {
position: absolute;
z-index: 999;
}
.comments-area footer .permalink-popover input {
font-size: 1em;
padding: 0 0.5em;
-webkit-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.2);
        box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.comments-area footer .permalink-popover a i {
vertical-align: top;
}

/* #respond form */
#respond {
  min-height: 20px;
  padding: 0.5em 1em;
  margin: 2em 0;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#respond h3#reply-title small a,
#respond .logged-in-as a {
color: inherit;
}
#respond h3#reply-title {
font-size: 1em;
}
#respond h3#reply-title small {
font-size: 0.8em;
float: right;
}
#respond p {
font-size: 0.9em;
}
#respond p code {
white-space: normal;
display: block;
}
#respond input {
margin-bottom: 0.25em;
}
#respond .help-inline {
max-width: 50%;
font-style: italic;
font-size: 0.95em;
}

}

/* footer */
@media all {

.footer-area {
margin: 1em 0 1.5em 0;
color: #777;
}
.footer-area > div {
padding: 0 1em;
}

}

/* copyright */
@media all {

.copyright {
margin: 2em 0 0.5em 0;
padding: 0 1em;
font-size: 0.8em;
color: #999;
}

}

/* post-formats >> status */
@media all {

article.format-status {
}
article.format-status div.avatar {
position: absolute;
}
article.format-status header {
}
article.format-status header time {
float: right;
color: #999;
font-size: 0.9em;
}
article.format-status .content {
margin-left: 58px;
}
#main article.format-status .content-text h1 {
font-size: 1em;
display: inline;
}
#main article.format-status .content-text h1 a {
color: inherit;
}
#main article.format-status .content-text h1:after {
content:": ";
}
.single-format-status #main article.format-status .content-text h1:after {
content:"";
}

}

/* post-formats >> aside */
@media all {

.blog article.format-aside {
padding: 1.5em;
background: #e6e6e6;
border-left: 1.5em solid #ccc;
}
.blog article.format-aside header {
display: inline;
}
.blog #main article.format-aside header h1 {
display: inline;
margin: 0;
font-size: 1em;
}
.blog article.format-aside footer {
margin-top: 1em;
font-size: 0.9em;
}
article.format-aside footer time {
color: #999;
}

}

/* post-formats >> gallery */
@media all {

.blog article.format-gallery {
}
.blog article.format-gallery .carousel-control {
font-size: 4em;
line-height: 5em;
}

}

/* post-formats >> image */
@media all {

.blog article.format-image {
}
.blog article.format-image .image-stage {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #f2f2f2;
text-align: center;
margin-bottom: 1em;
}
.blog article.format-image .image-stage div {
position: relative;
display:inline-block;
max-width: 100%;
*width: 100%;
}
.blog article.format-image .image-stage img {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
max-height: 300px;
}

}

/* post-formats >> quote */
@media all {

.blog article.format-quote {
}

}

/* post-formats >> link */
@media all {

.blog article.format-link {
}
.blog article.format-link footer {
font-size: 0.9em;
}

}

/* sidebars/aside/widget */
@media all {

#main .widget {
margin-bottom: 1em;
}
#main .widget h1 {
font-size: 1.2em;
}

}

/* widget >> search */
@media all {

.widget_search .form-inline {
}
.widget_search .form-inline input.field {
/*width: 65%;*/
}
.widget_search .form-inline .btn {
padding-left: 1em;
padding-right: 1em;
}

}

/* widget >> calendar */
@media all {

#wp-calendar {
width: 100%;
line-height: 1.5;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
text-align: left;
}
#wp-calendar #next {
padding-right: 2em;
text-align: right;
}

}

/* widget >> rss */
@media all {

.widget_rss ul {
margin-left: 0;
list-style: none;
}
.widget_rss li {
margin: 0 0 1em 0;
}
.widget_rss .rss-date {
display: block;
color: #aaa;
font-size: 0.9em;
}
.widget_rss a {
font-weight: bold;
}
.widget_rss .rssSummary {
font-size: 0.9em;
line-height: 1.25em;
}
.widget_rss cite {
font-size: 0.9em;
font-style: italic;
color: #aaa;
display: block;
text-align: right;
}

}

/* plugin >> contact form 7 */
@media all {

.wpcf7 table .control-group {
margin-bottom: 0;
}
.wpcf7 span.required {
color: red;
}

}

@import url(https://fonts.googleapis.com/css?family=Play);
@media all {
#na-powered {
font-family: 'Play', sans-serif;
font-size: 13px;
}
#na-powered a {
color: #bbb;
text-decoration: none;
}
#na-powered a:hover,
#na-powered a:focus {
text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
}
html.csstransitions #na-powered * {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#na-powered a:hover,
#na-powered a:focus {
color: #444;
text-decoration: none;
}
#na-powered a .na-namedia-style {
color: #666;
}
#na-powered a:hover .na-namedia-style,
#na-powered a:focus .na-namedia-style {
color: #222;
text-decoration: none;
}
#na-powered a .na-namedia-style .na-media-style {
color: #bbb;
}
#na-powered a:hover .na-namedia-style .na-media-style,
#na-powered a:focus .na-namedia-style .na-media-style {
color: #069;
text-decoration: none;
}
#na-imprinted {
font-family: 'Play', sans-serif;
font-size: 1.05em;
line-height: 1.05em;
letter-spacing: 1px;
margin-top: 1em;
margin-bottom: 1em;
}
#na-imprinted a {
color: #666;
text-decoration: none;
}
#na-imprinted a:hover,
#na-imprinted a:focus {
}
#na-imprinted a:hover,
#na-imprinted a:focus {
color: #000;
text-decoration: none;
}
#na-imprinted a .na-namedia-style {
color: #000;
font-size: 2em;
letter-spacing: 0;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
}
#na-imprinted a:hover .na-namedia-style,
#na-imprinted a:focus .na-namedia-style {
color: #000;
text-decoration: none;
}
#na-imprinted a .na-namedia-style .na-media-style {
color: #069;
}
#na-imprinted a:hover .na-namedia-style .na-media-style,
#na-imprinted a:focus .na-namedia-style .na-media-style {
color: #069;
text-decoration: none;
}
}


/* bootstrap fix */
@media all { 

  .label a,
  .label a:hover,
  .label a:focus,
  .badge a,
  .badge a:hover,
  .badge a:focus {
    color: inherit;
    text-decoration: none;
  }
  table {
    table-layout: fixed;
    width: 100%;
  }
}
/* bootstrap update fix 2>3 */
@media all { 

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
} 

}


/* bootstrap3 responsiveness fix */
@media all { 
  .container {
    /*max-width: none;*/
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 750px;
    max-width: none;
  }
}
@media (max-width: 767px) { 

  #stage {
      padding-left: 0px;
      padding-right: 0px;
      width: auto;
  }
  .navbar-fixed-top, 
  .navbar-fixed-bottom, 
  .navbar-static-top {
      margin-left: 0px;
      margin-right: 0px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 970px;
    max-width: none;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
    max-width: none;
  }
}



/* Large desktop */
@media (min-width: 1200px) { }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
}
 
/* Landscape phones and down */
@media (max-width: 480px) { }