/*
Theme Name:Documentary
Theme URI:https://documentary.net
Author: Doris Braunoeder
Version:1.0
*/
body{
font-family:'Open Sans';
font-size:15px;
font-weight:100;
line-height:1.5
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6
{
font-weight:200;
line-height:1.5
}
h5{font-size:15px}
.navbar{
margin-bottom:0;
min-height:56px
}
a:focus, a:hover{color:#ff0052}
hr{
border-top-color:#000;
margin-top:0;
margin-bottom:0
}
html{min-width:300px}
.banner, #archive-header #minutes, #tax-description, #archive-header h1, #post-content h1, #content-banner, .error-details, #browse-content h1{ text-align:center}
.banner img, #background-container img{display:inline}
#background-container-tax{padding-top:25px}
#background-container{
background-color:#f8f8f8;
padding-top:25px
}
.font-large{font-size:large}
#archive-header, #description, #results-films{padding-bottom:40px}
.categories_list{
list-style-type:none;
padding-left:0;
padding-top:10px
}
.categories_list li{
display:inline-block;
margin-right:5px
}
.categories_list li a {
background-color:#f8f8f8;
display:inline-block;
height:2.3em;
line-height:2.3em;
padding:0 10px;
margin-bottom:5px;
border-radius:5px;
box-shadow:0 2px 2px #f8f8f8
}
#tax-content, .tabbable, .dropdown, .showall{padding-top:20px}
#tax-pagination, .error-actions{
padding-bottom:40px;
text-align:center
}
.documentary-entry{
max-height:450px;
padding-bottom:20px
}
.documentary-entry img {
width:100%;
height:auto
}
.documentary-entry .terms, .terms, .search-location{padding-bottom:15px}
.documentary-entry-banner{
max-height:450px;
text-align:center;
padding-bottom:20px
}
.documentary-entry-banner img, #content-banner img{ display:inline-block}
#more_cats{ padding-bottom:30px}
.thumbnail {
overflow:hidden; 
border:0; 
position:relative;
display:inline-block;
margin-bottom:0;
padding:0;
border-radius:0
}
.thumbnail img{
max-height:191px;
max-width:340px
}
.thumbnail .after {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
color:#FFF
}
.thumbnail .after .zoom, .thumbnail .after .info{display:none}
.thumbnail:hover .after {
display:block;
background:rgba(0, 0, 0, .6)
}
.overlay{
background:rgba(247,247,247,0);
background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.7) 70%);
background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0.1)), color-stop(60%, rgba(0,0,0,0.3)), color-stop(70%, rgba(0,0,0,0.7)));
background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.7) 70%);
background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.7) 70%);
background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.7) 70%);
background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.7) 70%);
position:absolute;
top:0;
bottom:0;
left:0;
right:0
}
.thumbnail:hover .after .zoom {
display:block;
color:red;
position:absolute;
top:50%;
left:50%;
margin:-29px 0 0 -20px
}
.thumbnail:hover .after .info {
color:#FFF;
position:absolute;
bottom:0;
display:block;
width:100%;
height:100%
}
.thumbnail img,  .media-left img, #sticky_img img {
-webkit-transition:all 1s linear; /* Safari and Chrome */
-moz-transition:all 1s ease; /* Firefox */
-o-transition:all 1s ease; /* IE 9 */
-ms-transition:all 1s ease; /* Opera */
transition:all 1s ease;
max-width:100%
}
.thumbnail:hover img, .media-left:hover img, #sticky_img:hover img {
-webkit-transform:scale(1.05); /* Safari and Chrome */
-moz-transform:scale(1.05); /* Firefox */
-ms-transform:scale(1.05); /* IE 9 */
-o-transform:scale(1.05); /* Opera */
transform:scale(1.05)
}
.duration_overlay{
position:absolute;
font-size:13px;
line-height:25px;
padding:0 10px;
color:#FFF;
left:0
}
.symbol_overlay{
position:absolute;
font-size:13px;
line-height:25px;
padding:0 10px;
color:#FFF;
float:right;
right:1%
}
.play-overlay{
color:#FFF;
position:absolute;
top:50%;
left:50%;
margin:-29px 0 0 -20px
}
.fa, .glyphicon{
padding-left:1px;
padding-right:1px
}
.top20_table table {counter-reset:row}
.top20_table tr {counter-increment:row}
.top20_table tr::before {
content:counter(row);
display:table-cell;
padding-right:.5em;
padding:8px;
line-height:1.42857143;
vertical-align:top;
border-top:1px solid #ddd;
width:59px
}
.tab-content{
margin-top:20px;
margin-bottom:50px
}
.table-responsive{border:0}
.readmore-js-toggle, .readmore-js-section {
display:block;
width:100%
}
.readmore-js-toggle{
padding-top:10px;
padding-bottom:40px
}
.readmore-js-section {overflow:hidden}
#video-container{
padding-top:40px;
padding-bottom:30px;
color:inherit;
background-color:#f8f8f8;
height:auto
}
#video-left-container, .right{text-align:right}
#channel, #tags{padding-top:30%}
#type{padding-top:20%}
.sharing-overview, .sharing-overview-mag{
background-color:#FFF;
height:60px;
padding:20px 0 0
}
.sharing-overview a, .sharing-overview-mag a{
color:grey;
font-size:15px
}
.sharing-overview ul{
list-style-type:none;
padding-left:20px
}
.sharing-overview li, .sharing-overview-mag li, .fancybox-sharing-overview li{
margin-right:20px;
float:left
}
.sharing-overview li:last-child, .catlink, .headlines-ind a{float:right}
#post-title{
text-align:center;
padding-top:20px
}
#description.readmore-js-section.readmore-js-expanded{
margin-bottom:-40px
}
#comments, #desc_and_map{padding-right:40px}
#after-content{
padding-top:60px;
padding-bottom:40px;
min-height:100%;
width:100%;
position:relative;
display:inline-block
}
#sidebar{
padding-bottom:40px;
padding-top:30px
}
#sidebar ul, #index-sidebar ul{
list-style-type:none;
margin-top:-20px;
padding-bottom:20px
}
#sidebar li, #index-sidebar li{
padding-bottom:20px;
font-weight:400
}
#sidebar ul ul li, #index-sidebar ul ul li{
padding-bottom:2px;
font-weight:100
}
#post-content, #browse-content{
padding-top:40px;
padding-bottom:60px
}
.related-category .row{
max-height:400px;
padding-bottom:20px;
padding-right:40px
}
#related, .related-category{
padding-bottom:40px;
position:relative;
float:right
}
.scroll-top {
position:fixed;
bottom:0;
right:6%;
z-index:100;
background:#F7F7F7;
font-size:24px;
border-top-left-radius:3px;
border-top-right-radius:3px
}
footer{
border-top: 2px solid #e7e7e7;
border-bottom: 2px solid #e7e7e7
}
#footer_content{
padding-top:30px;
padding-bottom:30px;
background-color:#f8f8f8
}
#footer-social ul, #footer-featured ul, #footer-about ul, .sharing-overview-mag ul{
list-style-type:none;
padding-left:0
}
#footer-social li, #footer-featured li, #footer-about li{
-webkit-margin-before:1em;
-webkit-margin-after:1em
}
#content-title-mag{
text-align:center;
padding-bottom:40px
}
#post-overview{margin-bottom:30px}
#post-thumbnail, #post-thumbnail img, #summary{padding-bottom:20px}
#magazine-content{padding-top:40px}
.sharing-overview-mag li:last-child{
float:right;
margin-right:0
}
#recent table, #video_sidebar table, #results-films table{
table-layout:fixed;
margin-bottom:0
}
#video_sidebar td, #recent td, #results-films td{border-top:0}
#recent h4, .index-asset-element td h4, #results-films td h4{margin-top:0}
#recent{
padding-bottom:40px;
padding-left:40px
}
.error-actions .btn {margin-right:10px}
#searchfor{
padding-top:20px;
text-align:center;
padding-bottom:20px
}
#searchfor .input-group{
max-width:700px;
display:inline-table
}
#index-images {
color:inherit;
background-color:#f8f8f8;
border-bottom:2px solid #e7e7e7
}
#index-images #background-container{
padding-top:25px;
padding-bottom:40px
}
#index-map{
padding-right:30px;
padding-bottom:60px
}
#index-map .leaflet-container{margin-left:30px}
.leaflet-container{
font-size:15px !important;
font-family:'Open Sans' !important
}
#index-articles{padding-bottom:60px}
#index-sidebar{
margin-top:48px;
padding-top:60px
}
#index-images .index-asset-element{
padding-left:5px;
padding-right:5px;
padding-bottom:10px
}
.headlines a{padding-left:40px}
.headlines{
border-bottom-style:solid;
border-width:thin
}
.headlines-ind{
text-align:left !important;
margin-left:30px;
margin-bottom:40px;
border-bottom-style:solid;
border-width:thin
}
#index h4{
text-align:center;
font-weight:400;
font-size:16px;
text-align:left
}
#index-assets, #index-assets-cat{
padding-top:60px;
padding-bottom:60px
}
.excerpt_under{padding-top:10px}
#index-assets-2{padding-top:60px}
.index-asset-element img{max-height:100%}
.articletable td:first-child{
width:190px;
padding-right:20px
}
.locationinfo td:first-child{padding-right:20px}
.index-asset-element tbody, #results-films tbody{vertical-align:top}
.index-asset-element .index-excerpt, .index-asset-element .caption{text-align:justify}
.index-asset-element{
padding-left:30px;
padding-right:30px
}
.title-overlay, .title-overlay2, .excerpt-overlay{
padding-left:20px;
padding-right:20px;
color:#FFF;
position:absolute;
bottom:0
}
.thumbnail img:after{
content:"";
background-attachment:fixed; 
background:inherit; 
-webkit-filter:blur(12px)
}
.fancybox-sharing-overview{padding:20px 0 0}
.fancybox-sharing-overview a{
color:grey;
font-size:17px
}
.fancybox-sharing-overview ul{
list-style-type:none;
padding-left:10px
}
.fancybox-overlay{top:56px !important}
#map_content{
padding-left:0;
padding-right:0
}
a, .pagination > li > a{color:#333}
.pagination > li .current
{
z-index:2;
color:#333;
cursor:default;
background-color:#f8f8f8;
border-color:darkgrey
}
#search-circle{
text-align:center;
padding-top:40px
}
#search-content{
padding-top:40px;
padding-bottom:40px
}
#filters{
padding-bottom:70px;
padding-top:20px
}
.font-x-large{font-size:x-large}
#summary-search{
padding-bottom:20px;
text-align:center
}
.slider{
margin-left:10px;
margin-right:10px
}
.slider.slider-horizontal{max-width:190px}
#results-films .terms{
padding-bottom:10px;
margin-bottom:0
}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor, .alignleft, .aligncenter, .alignright{ }
.navbar-default{
background-color:transparent;
border-bottom:2px solid #e7e7e7
}
.navbar-brand{padding-top:12px}
.navbar-nav>li>a{padding-top:13px}
.search-form .form-group {
float:right !important;
transition:all .35s, border-radius 0s;
width:35px;
height:35px;
background-color:transparent

}
.search-form .form-group input.form-control {
padding-right:20px;
border:0 none;
background:transparent;
box-shadow:none;
display:none;
width:100%;
}
.search-form .form-group:hover input.form-control {display:block}
.search-form .form-group:hover, .search-form .form-group.hover {
width:20%;
box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
border-radius:4px;
border:1px solid #ccc;
margin-top:6px;
margin-left:20px
}
.search-form .form-group span.form-control-feedback {
position:absolute;
z-index:2;
display:block;
width:35px;
height:35px;
line-height:35px;
text-align:center;
color:#777;
left:initial;
font-size:25px;
padding-top:5px;
padding-right:40px;
}
.search-form .form-group:hover span.form-control-feedback {
padding-top:0;
padding-left:0
}
.leaflet-popup-pane{visibility:hidden}
#progress{
display:none;
position:absolute;
z-index:1000;
left:50%;
top:50%;
width:200px;
height:20px;
background-color:#fff;
background-color:rgba(255, 255, 255, 0.7);
border-radius:4px;
padding:2px
}
#progress-bar {
width:0;
height:100%;
background-color:#76A6FC;
border-radius:4px
}
.navbar-nav>li>a:hover {
  color:#007096 !important;
}
@media (max-width:1700px) {
#video_sidebar tr:last-child{display:none}
}
@media (min-width:1400px) and (max-width:1435px){
.thumbnail:hover .title-overlay{bottom:3.5em} 
}
@media (min-width:1400px) {
.fancybox-wrap{
min-width:950px;
max-width:1000px
}
.fancybox-inner{
min-width:920px;
max-width:970px
}
}
@media (max-width:1250px) {
#video_sidebar tr:nth-last-child(2){display:none}
}
@media (min-width:1200px) and (max-width:1399px){
.thumbnail:hover .title-overlay{bottom:4.7em} 
.fancybox-wrap{
min-width:850px;
max-width:900px
}
.fancybox-inner{
min-width:820px;
max-width:870px
}
}
@media (min-width:1200px) {
.documentary-entry{
min-height:470px;
max-height:500px
}
.thumbnail:hover .title-overlay{bottom:3em}
.sharing-overview, .sharing-overview-mag{
background-color:#FFF;
height:60px;
padding:20px 0 0
}
.sharing-overview a{
color:grey;
font-size:15px
}
.sharing-overview ul{
list-style-type:none;
padding-left:20px
}
.sharing-overview li{
margin-right:40px;
float:left
}
.sharing-overview li:last-child, .sharing-overview-mag li:last-child{
float:right;
margin-right:20px
}
#related .row, .related-category .row{
min-height:340px;
max-height:400px;
padding-bottom:20px;
padding-right:40px
}
#index-assets .col-lg-3 {width:22%}
#index-map #content-banner .adslot_1{
height:270px !important;
width:272px !important
}
}
@media(min-width:991px) and (max-width:1400px){
.index-asset-element h3{font-size:18px}
}
@media (min-width:992px) and (max-width:1200px) {
.documentary-entry{
min-height:340px;
max-height:390px
}
.documentary-entry-banner{
min-height:320px;
max-height:350px
}
#related .row, .related-category .row{
min-height:270px;
max-height:320px;
padding-bottom:20px;
padding-right:40px
}
.fancybox-wrap{
min-width:750px;
max-width:800px
}
.fancybox-inner{
min-width:720px;
max-width:770px
}
#index-map #content-banner .adslot_1{
height:270px !important;
width:230px !important
}
#index-assets .col-md-3{
max-height:250px;
min-height:230px
}
}
@media (min-width:768px) and (max-width:992px) {
.documentary-entry{
min-height:340px;
max-height:390px
}
.documentary-entry-banner{min-height:340px}
#related .row, .related-category .row{
min-height:290px;
max-height:320px;
padding-bottom:20px;
padding-right:40px
}
.fancybox-wrap{
min-width:650px;
max-width:700px
}
.fancybox-inner{
min-width:620px;
max-width:670px
}
}
@media (min-width:992px) {
#footer-subscribe{
margin-left:8%
}
}
@media (max-width:992px) {
#footer-subscribe, #footer-social, #footer-featured{
padding-bottom:20px
}
#footer-social li, #footer-featured li, #footer-about li{
float:left;
padding-right:20px
}
#recent{padding-left:0}
#index-map .leaflet-container{
margin-left:30px;
margin-bottom:30px
}
#index-assets .col-sm-6{
max-height:350px;
min-height:320px
}
#index-images .index-asset-element{
padding-bottom:0;
padding-top:0
}
.sm-center{text-align:center}
.pad-sm{margin-top:30px}
}
@media (min-width:880px) and (max-width:991px) {
#index-map #content-banner .adslot_1{
height:300px !important;
width:400px !important
}
}
@media (max-width:768px) {
.documentary-entry{
min-height:340px;
max-height:390px;
padding-bottom:20px
}
.documentary-entry-banner{
min-height:300px;
padding-bottom:20px
}
#related .row, .related-category .row{padding-bottom:20px}
#index-assets .col-xs-6{
max-height:290px;
min-height:260px
}
.xs-pad{
max-height:262px;
max-width:468px;
padding-right:0 !important
}
.xs-center{text-align:center}
#index-images .thumbnail{text-align:left}
.index-asset-element{
padding-top:0 !important;
padding-left:0 !important;
padding-right:10px !important
}
#content-banner{
padding-top:20px;
padding-bottom:20px
}
.headlines-ind{margin-left:0 !important}
#index-assets{
padding-top:30px;
padding-bottom:0
}
#index-assets-cat{
padding-top:30px;
padding-bottom:30px
}
#index-assets-2{padding-top:30px}
#index-map, #index-articles{padding-bottom:30px}
.navbar-nav li span{display:inline-block !important}
li.social-menu{display:inline-block}
.trending{
width:27.7px;
height:30px
}
}
@media (min-width:767px){
li.social-menu{
display:block;
float:left
}
.pad-exc-xs{
    padding-bottom: 15px;
}
}
@media (min-width:768px) and (max-width:880px) {
#index-map #content-banner{
padding-top:0;
padding-bottom:0
}
#index-map #content-banner .adslot_1{
height:300px !important;
width:300px !important
}
}
@media (min-width:650px) and (max-width:768px){
#index-map #content-banner{
padding-top:0;
padding-bottom:0
}
#index-map #content-banner .adslot_1{
height:250px !important;
width:250px !important
}
}
@media (min-width:430px) and (max-width:767px){
.navbar-brand img{margin-top:7px !important}
}
@media (min-width:630px) and (max-width:767px) {
.fancybox-wrap{
min-width:550px;
max-width:600px
}
.fancybox-inner{
min-width:520px;
max-width:570px
}
}
@media (max-width:650px){
#index-map #content-banner{
padding-top:0;
padding-bottom:0
}
#index-map #content-banner .adslot_1{
height:230px !important;
width:190px !important
}
}
@media (min-width:510px) and (max-width:630px) {
.fancybox-wrap{
min-width:400px;
max-width:450px
}
.fancybox-inner{
min-width:370px;
max-width:420px
}
}
@media (max-width:510px) {
.fancybox-wrap{
min-width:300px;
max-width:350px
}
.fancybox-inner{
min-width:270px;
max-width:300px
}
}
@media (min-width:390px) and (max-width:450px){
.navbar-brand img{
width:280px;
height:14px;
margin-top:8px !important
}
}
@media(max-width:450px){
.index-asset-element h3{font-size:18px}
}
@media (max-width:390px){
.navbar-brand img{
width:200px;
height:10px;
margin-top:9px !important
}
}