/*
Theme Name: blub blub
Theme URI: https://wordpress.org/themes/BlubBlub/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. blub blub supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Author URI: https://wordpress.org/
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-layout, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header, featured-images, featured-image-header
Text Domain: BlubBlub
*/

@font-face {
 font-family: 'entypo';
 src:url("fonts/Entypo-webfont.eot");
 src:url("fonts/Entypo-webfont.eot?#iefix") format('embedded-opentype'),
     url("fonts/Entypo-webfont.woff") format('woff'),
     url("fonts/Entypo-webfont.ttf") format('truetype'), 
     url("fonts/Entypo-webfont.svg#entypo") format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
  font-family: 'Comic Neue';
  src: url('fonts/ComicNeue-Regular.eot');
  src: url('fonts/ComicNeue-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/ComicNeue-Regular.woff') format('woff'),
       url('fonts/ComicNeue-Regular.woff2') format('woff2'),
       url('fonts/ComicNeue-Regular.ttf')  format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: 'Comic Neue';
  src: url('fonts/ComicNeue-Bold.eot');
  src: url('fonts/ComicNeue-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/ComicNeue-Bold.woff') format('woff'),
       url('fonts/ComicNeue-Bold.woff2') format('woff2'),
       url('fonts/ComicNeue-Bold.ttf')  format('truetype');
  font-weight: 700;
}

@font-face {
  font-family: 'blubberblubb';
  src: url('fonts/blubberblubb-bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/blubberblubb-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/blubberblubb-bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/blubberblubb-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/blubberblubb-bold.svg#4e8f47bd9afc528b12aadb2e9ac33f1c') format('svg'); /* Legacy iOS */      
  font-style:   normal;
  font-weight:  700;
}

html, body {
	height: 100%;
}

body {
	height: 100% !important;
	width: 100% !important;
	max-height: 100% !important;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #fff;
	font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
}

.bodyadd {
	background: #2c55de;
	background: -moz-linear-gradient(top,  #2c55de 0%, #1db7bf 40%, #8ce2fc 90%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c55de), color-stop(40%,#1db7bf), color-stop(90%,#8ce2fc));
	background: -webkit-linear-gradient(top,  #2c55de 0%,#1db7bf 40%,#8ce2fc 90%);
	background: -o-linear-gradient(top,  #2c55de 0%,#1db7bf 40%,#8ce2fc 90%);
	background: -ms-linear-gradient(top,  #2c55de 0%,#1db7bf 40%,#8ce2fc 90%);
	background: linear-gradient(to bottom,  #2c55de 0%,#1db7bf 40%,#8ce2fc 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c55de', endColorstr='#8ce2fc',GradientType=0 );
	height: 100% !important;
	max-height: 100% !important;
	min-height: 100% !important;
	display: block;
}

.fancybox-bg {
	display: none !important;
	opacity: 0 !important;
}

#fancybox-left:active,
#fancybox-right:active,
#fancybox-left:visited,
#fancybox-right:visited,
#fancybox-left:hover,
#fancybox-right:hover,
#fancybox-left,
#fancybox-right {
	border: none !important;
	border-color: transparent !important;
	outline: none !important;
}

#fancybox-overlay {
	background: transparent !important;
}

#fancybox-outer,
#fancybox-content {
	border-radius:15px !important;
	-moz-box-shadow: 0 4px 8px rgba(40,40,40,0.2) !important;
	-webkit-box-shadow: 0 4px 8px rgba(40,40,40,0.2) !important;
	box-shadow: 0 4px 8px #444 rgba(40,40,40,0.2) !important;
}

#fancybox-title-outside {
	z-index: 999;
	display: block;
	opacity: 1;
}

#fancybox-content {
	border-width: 15px !important;
}

.ngg-gallery-thumbnail a:hover .img-overlay {
    background:rgba(40,40,40,.3);
	pointer-events: none;
}

.bgimg {
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;	
}

.img-overlay {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	top: -5px;
	left: 0;
	background:rgba(0,0,0,0);
    text-align:center;
    -webkit-transition: opacity .25s ease;
	-moz-transition: opacity .25s ease;
	z-index: 11;
}

#blub-blub {
	position:fixed;
	right: 25px;
	text-align: right;
	bottom: 12px;
	height: 36px;
	width: 220px;
	z-index: 13;
	color: #A13427;
	font-family: blubberblubb, 'Comic Neue', sans-serif;
	font-size: 48px;
	font-weight: 700;
	-o-transition:opacity .6s ease-in;
	-ms-transition:opacity .6s ease-in;
	-moz-transition:opacity .6s ease-in;
	-webkit-transition:opacity .6s ease-in;
	transition:opacity .6s ease-in;	
}

.tlt {
	font-family: 'Comic Neue', sans-serif;
	font-size: 48px;
	font-weight: 700;
}

.landscape #blub-blub,
.portrait #blub-blub {
	right: 25px !important;
}

.landscape #content h1.entry-title,
.portrait #content h1.entry-title {
	margin-top: 20px;
	padding-bottom: 25px;
}

.desktop #content h1.entry-title {
	margin-top: 80px;
	padding-bottom: 70px;
}

.logoutlink a {
	color: #fff !important;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif !important;
	font-weight: 300;
	width: auto;
	text-align: center;
	font-size: 15px;
	text-decoration: none;	
}

.logoutlink a:hover {
	color: #27319f !important;
}

#footer-widget-area {
	padding-left: env(safe-area-inset-left);
}

#blub-blub {
	padding-right: env(safe-area-inset-right);	
}

#wp-submit {
	-webkit-appearance: none !important;
}