/*
Theme Name: hrpc
Theme URI: http://hrpc.io http://netofrights.io
Author: U. Uhlig
Author URI: http://www.curlybracket.net
*/

@charset "UTF-8";
/*@import url(https://fonts.googleapis.com/css?family=Droid+Sans);*/

@font-face {
    font-family: 'droid_sans';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.eot%3F') format('embedded-opentype'),
         url('fonts/DroidSans-webfont.woff') format('woff'),
         url('fonts/DroidSans-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'droid_sans';
    src: url('fonts/DroidSans-Bold-webfont.eot');
    src: url('fonts/DroidSans-Bold-webfont.eot%3F') format('embedded-opentype'),
         url('fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-Bold-webfont.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}


* {
	margin: 0;
	padding: 0;
}

body {
    font: 14px/1.6em "droid_sans", "Droid Sans", "Nimbus Sans L", "Helvetica Neue", sans-serif;
    color: #000;
    text-align: center;
    background: #fff url(images/background_pattern.png) repeat-x bottom right;
}

img {
		border: none;
}

.grayscale {
    -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: gray;
      filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

hr {
		visibility: hidden;
		clear: both;
}

a {
    transition: 200ms ease-in-out;
		color: #308;
        outline: none;
		text-decoration: underline;
}

a:hover {
		text-decoration: none;
}

a.hasimg {
        background: transparent !Important;
        padding: 0;
}

a.external:after {
	content: " ↗";
}

.page-title a,
.post-title a {
        background: transparent !Important;
        color: #000;
        display: inline-block;
        padding: 0;
		text-decoration: none;
}

.page-title a:hover,
.post-title a:hover {
    color: #308;
}

.page-title:hover span,
.post-title:hover span {
    border-color: #308;
}

blockquote {
    margin: 1em 0;
    padding: 0.5em 1em 0.2em;
    overflow: hidden;
}

.mejs-container {
    width: 800px !important;
    max-width: 100% !important;
}

.alignright {
		float: right;
		margin-left: 2em;
}

.alignleft {
		float: left;
		margin-right: 2em;
}

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

.alignwell {
	display: inline-block;
	vertical-align: middle;
}

.clear {
		clear: both;
}

.screen-reader-text {
    display: none;
}

::selection {
    background: #308;
    color: #fff;
    display: block;
}

a::selection {
    background: #308;
    color: #fff;
}

.hidden {
    display: none;
}

/*************************************
* Structure
*************************************/

.wrapper {
	overflow: hidden;
    margin: auto;
    max-width: 900px;
}

#header h1 {
    display: none;
}

.menu {
    text-align: center;
}

.menu li {
    display: block;
    cursor: pointer;
    position: relative;
}

.menu > li {
    padding: 0 0.6em;
}

.menu .sub-menu {
    transition-property: all;
    transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    display: none;
    width: 100%;
    left: 0;
    background-color: rgba(255,255,255,0.95);
    position: absolute;
    text-align: center;
}

.menu li:hover .sub-menu {
    display: block;
}

.menu .sub-menu li {
    display: block;
    margin: 0;
    font-size: 1.2rem;
}

#header .menu .sub-menu li:first-child:before {
    content: "→";
}

.menu .sub-menu li a {
    display: block;
    padding: 0.6em;
}

.menu .sub-menu li a:hover {
    background: #fff;
}

.menu a {
    -moz-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    text-decoration: none;
}

.menu .current_page_item a:hover {
    text-shadow: none;
}

.menu-item a:hover,
.current-menu-item a, .current-page-ancestor a, .current-post-ancestor a, .current-cat a, .current_page_item a, .current-menu-parent > a {
    background-color: #30a;
}

.sidebar {
}

.sidebar .widget {
    border-top: 2px solid #000;
    padding-top: 0.5em;
}

.sidebar .widget:first-child {
    border: none;
    padding-top: 0;
}

.sidebar .widget:first-child a {
	background: #308;
	color: #fff;
	text-decoration: none;
    display: block;
    text-align: center;
    margin-top: -7px;
    padding: 1em;
}

.sidebar .widget:first-child a:hover {
	background: yellowgreen;
}

.sidebar .widget .download {
    display: block;
    text-align: center;
    padding: 1em 0 0;
    background: #308;
    color: #fff;
	background: #308;
	overflow: hidden;
    font-weight: bold;
    margin-bottom: 1em;
}

.sidebar .widget .download a {
	text-decoration: none;
    margin: 0.5em 0 0;
    display: inline-block;
    font-weight: normal;
}

.sidebar .widget img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.sidebar .widget-title {
    line-height: 1.6em;
    margin-bottom: 1em;
}

.sidebar .widget {
    margin-bottom: 2em;
}

.sidebar .widget ul {
    list-style: none;
}

.sidebar .widget ul ul {
    margin-left: 1em;
}

.sidebar .menu li {
    display: block;
    padding: 0 0 1em;
    text-align: left;
}

.sidebar .widget_search input {
    max-width: 100%;
}

/*************************************
* Content
*************************************/
#container {
    overflow: hidden;
    text-align: left;
}

.slider {
    margin-bottom: 3em;
	position: relative;
}

.videoslider video {
   width: 100%;
   max-width: 100%;
   height: auto;
}

.slider #overlay_play {
	position: absolute;
	bottom: 2.5em;
	width: 80%;
	margin-left: 10%;
	color: #fff;
	text-align: center;
}

.slider #overlay_play a {
	text-decoration: none;
	display: inline-block;
	margin: auto;
	background: #308;
	color: #fff;
	padding: 0.5em 1em;
}

#content {
	-webkit-user-select: initial !important;
	-moz-user-select: initial !important;
	user-select: initial !important;
	position: relative;
	overflow: hidden;
    box-sizing: border-box;
    padding-left: 2em;
    padding-right: 2em;
}

#secondary {
    box-sizing: border-box;
    padding-left: 2em;
    padding-right: 2em;
}

@media all and (min-width: 640px) {
    #content {
        width: 70%;
        float: left;
    }
    #secondary {
        width: 30%;
        float: right;
        padding-right: 2em;
        padding-left: 0;
    }
}

.nav a {
    display: table-cell;
    text-decoration: none;
    height: 100%;
    font-size: 2.5em;
    z-index: 9;
    overflow: hidden;
    color: #ccc;
    vertical-align: bottom;
    vertical-align: middle;
    padding-bottom: 1em;
    width: 100px;
    text-align: center;
    box-sizing: border-box;
}

.nav a.hover,
.nav a:hover {
    /*background: #fafafa;*/
    /*width: 100px;*/
    color: #4a4a4a;
}

/*************************************
* Post
*************************************/

.post {
    overflow: hidden;
	position: relative;
	padding-bottom: 1em;
}

.post-meta {
	clear: both;
    color: #308;
    font-size: 0.9em;
    border-top: 1px solid #308;
    text-align: right;
    margin-bottom: 3em;
}

.category-description {
    margin-bottom: 2em;
    line-height: 1.5em;
}

.category .post  {
	position: relative;
}

.post-title,
.entry h1,
.entry h2 {
    display: block;
    line-height: 1.3em;
    margin-bottom: 1em;
}

.post-title span,
.entry h1 span,
.entry h2 span {
    border-bottom: 3px solid black;
    line-height: 1.6em;
}

.entry,
.entry div {
    overflow: hidden;
}

.entry div {
    margin-bottom: 1.5em;
}

@media all  and (min-width: 640px) {
    .post-title,
    .entry h1,
    .entry h2 {
        float: left;
        width: 25%;
        margin-right: 5%;
        margin-bottom: 0;
    }
}

.entry ul, .entry ol {
    margin-left: 1.3em;
}

.site-title {
    line-height: 1.3em;
    margin-bottom: 2em;
}

.page-title {
    font-weight: normal;
    margin-bottom: 2em;
}

.post ul, .post ol {
     margin: 0.5em 0 0.5em 20px;
}

.post ul li {
     margin: 0;
     list-style-type: disc;
     padding: 0 0 0.1em 0.1em;
}

.post .details {
    clear: both;
	color: #ccc;
    font-weight: bold;
    padding-top: 1em;
}

.entry p {
	margin-bottom: 1em;
}

.post img, .wp-caption {
    max-width: 100%;
    height: auto;
}

.post .attachment-thumbnail {
        float: left;
            margin-right: 2em;
                margin-bottom: 0.5em;
}

/*************************************
* Footer
*************************************/

#footer {
        position: relative;
        clear: both;
        overflow: hidden;
        text-align: left;
        padding: 1em;
		margin: auto;
		width: 100%;
}

#footer, #footer .menu li {
	font-size: 0.9rem !important;
}

#footer, #footer a {
    color: #aaa;
    text-decoration: none;
}

@media all  and (max-width: 640px) {
    #footer {
        line-height: 1.6em;
    }
    .sidebar .menu li {
        padding: 0 0 0.3em;
    }
    .widget_search input {
        width: 100%;
        margin-bottom: 0.5em;
    }
}

@media all  and (max-width: 840px) {
    .nav a {
        vertical-align: bottom;
    }
}

@media all  and (min-width: 641px) {
    .menu > li {
        padding: 0 1.9em;
    }

    .secondary-menu > ul > li {
        padding: 0 0.7em;
    }

    .gallery-item {
        margin-bottom: 6em !important
    }

    #footer .widget {
        margin-bottom: 0;
        width: 17.5%;
        padding-right: 0.5em;
        display: table-cell;
    }

}

/************************************
 Microsoft
 *************************************/
.chromeframe {
    background: lightyellow;
    border: 1px dotted gold;
    padding: 0.5em 2%;
    position: fixed;
    bottom: 0.5em;
    width: 90%;
    text-align: center;
    margin: auto 5%;
    text-align: center;
    color: orange;
}

.chromeframe a {
    text-decoration: underline;
    color: orange;
}


/**************************************
 Gallery
 *************************************/
.gallery-item {
    margin-bottom: 2em !important
}

.gallery-item img {
    border: none !important;
    max-width: 100%;
    height: auto;
}

.gallery-icon {
    margin: 0 1em;
}

.archive .gallery-icon {
    margin: 0 2em 0 0;
}

/**************************************
 Carousel
 *************************************/
.home .carousel {
    margin: 0 auto 5em;
    height: 480px;
}

.ms-nav-next, .ms-nav-prev {
    opacity: 0;
}

.ms-nav-next:hover, .ms-nav-prev:hover {
    opacity: 1;
}

.ms-grab-cursor {
    cursor: auto !important;
}

.ui-loader {
    display: none;
}

/**************************************
 lightbox
 *************************************/

#jqlb_closelabel {
    width: 20px !important;
    background-position: center right !important;
    float: right;
}

#lightbox {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.master-slider {
    margin: 0 !Important;
}

/********************************
 single
 *******************************/

.full-thumb img {
	height: auto;
	width: 100%;
	margin-bottom: 2em;
}

/*****************************
 iframe mailarchive
 *****************************/

#mails {
	overflow: hidden;
	position: relative;
	margin-top: -35px;
}

#mails iframe {
	border: none;
	height: 600px;
	width: 930px;
    margin-left: -280px;
    float: left;
}

#mail-overlay1 {
    background: #fff;
    height: 30px;
    position: absolute;
    left: 0;
    top: 40px;
    width: 145px;
}

#mail-overlay2 {
    background: #fff;
    width: 200%;
    position: absolute;
    left: -280px;
    top: 0;
    height: 40px;
}

#subtitles {
	position: absolute;
    bottom: 45px;
	right: 0;
	opacity: 0;
    background: rgba(0,0,0,0);
	padding: 5px 1em;
	color: #fff;
}

.videoslider:hover #subtitles {
    background: rgba(0,0,0,0.5);
	opacity: 1;
}

.subtitles-menu {
    list-style-type:none;
    margin:0;
    padding:0;
	display: inline;
}

.subtitles-menu li {
	display: inline-block;
    cursor: pointer;
}

.subtitles-menu li.active {
	font-weight: bold;
}

.subtitles-menu li:hover {
	color: #308
}