/*  
Theme Name: Nullity
Version: 1.0
Author: T.P.
Author URI: http://domainsalon.net/
Description: A theme for displaying a nicely designed under construction message.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, one-page, background color, background image, header image, overlays, under construction, stand alone, display runtime, google map, mail form, nullity post type, only, responsive, translation ready
Text Domain: null-tp
*/
html, body, div, span, applet, object, iframe, p {font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace;color:#181d3d;} 

.null-tp-body { 
	margin:0;
	padding:0;
	background-color:rgba(124,124,124,0.47); 
	overflow:hidden;
	color:#181d3d;
}
.null-tp-bg,
.null-tp-bg-300 {
	display:none;
}
.null-tp-bg:after,
.null-tp-bg-300:after {
	content: "";
	background-image: url('images/backgrounds/15.jpg');
	opacity:0.82;
	top:0;
	left:0;
	bottom:0;
	right:0;
	position:absolute;
	z-index:2;
	background-repeat:no-repeat;
	-ms-background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}
.null-tp-table,
.null-tp-gmap-table,
.null-tp-fun-table {
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: table;
}
.null-tp-gmap-table {
	z-index:6;
}
.null-tp-fun-table {
	z-index:12;
}
.nullityGmap {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.null-tp-message,
.null-tp-gmap-table-cell,
.null-tp-fun-table-cell {  
	width:100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
.null-tp-gmap-table-cell {
	height:100%;
}
.null-tp-message {
	width:100%;
	background-color:rgba(255,255,255,0);
	padding: 0 10% 0 10%;
}
.null-tp-message-inside {
	border-radius: 2px;
	background-color:rgba(255,255,255,0);
	text-align: center;
	max-width:920px;
	margin:0 auto;
	padding:30px 30px 20px 30px;
	overflow:hidden;
}
.null-tp-gmap-inside-100 {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.null-tp-gmap-inside {
	background-color:rgba(255,255,255,0);
	background-color:#fff;
	text-align: center;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.null-tp-fun-inside {
	text-align: center;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.header-image-container {
	max-height:180px;
	margin:0 0 40px 0;
	overflow:hidden;
}
.null-tp-header-image {
	border-radius: 2px;
	opacity:0.5;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.message-parking,
.header-image-parking,
.thumbnail {
	display:none;
}
.title {
	font-family: "Arial Black", Gadget, Helvetica, sans-serif;
	margin:0;
	padding:0 20px 0 20px;
	font-size:200%;
	font-weight:900;
	color:#6d0012;
	word-wrap: break-word;
	word-break: break-all;
	text-align:center;
	overflow:hidden;
	text-decoration: none;
}
.description {
	font-family: Charcoal, Impact, Helvetica, sans-serif;
	padding:0 20px 0 20px;
	margin:0;
	font-size:140%;
	font-weight:500;
	color:#002960;
	word-wrap: break-word;
	text-align:center;
	overflow:hidden;
	text-decoration: none;
}
.post-wrap {
	z-index:1;
	postion:absolute;
	right:0;
	left:bottom:0;
	width:1px;
	height:1px;
	overflow:hidden;
}
.message,
.post {
	padding:0 20px 20px 20px;
	font-family: inherit;
	font-size:100%;
	font-weight:400;
	color:#eaeaea;
	word-wrap: break-word;
	text-decoration: none;
	overflow-y:auto;
}
.post {
	margin-top:0;
	padding-top:0;
	width:100%;
	float:left;
	text-align:left;
	overflow:hidden;
	display:none;
}
.post a {
	text-decoration: underline;
	color:inherit;
}
#message {
	margin:20px 0 10px 0;
	max-height:120px;
}
#message::-webkit-scrollbar {
	width: 6px;
}
#message::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: rgba(200,200,200,0.2);
}
#message::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	background-color: rgba(80,80,80,0.2);
}
.message p {
	margin: 10px 0 0 0;
}
.message label {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 28px;
    max-height: 64px;
    margin: 0;
    padding: 0;
}
.message input[type=submit],
.message input[type=text],
.message input[type=password],
.message input[type=textarea],
.message input[type=select],
.message input[type=checkbox],
.message input[type=radio],
.message button,
.message .button {
    border-color: #ccc;
    background: #f7f7f7;
    -webkit-box-shadow: 0 1px 0 #ccc;
    box-shadow: 0 1px 0 #ccc;
    vertical-align: top;
}
.message input[type=submit],
.message input[type=text],
.message input[type=password],
.message input[type=textarea],
.message input[type=select],
.message input[type=checkbox],
.message input[type=radio],
.message button,
.message .button {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	max-width:140px;
}
.message.icon-group.btn-group {
	padding:0;
}
.nullity_page_title {
	margin-top:10px;
	font-size:120%;
}
.nullity_page_content {
	font-size:100%;
	margin-top:10px;
}
#close_nullity_page {
	display:none;
}
p .icon-group {
	margin-top:20px;
	padding:0;
	color:#eaeaea;
	word-wrap: break-word;
	text-align:center;
	overflow:hidden;
	text-decoration: none;
}
.icon-group .btn,
.icon-group .btn-default,
.icon-group .btn:hover,
.icon-group .btn-default:hover {
	border-color:transparent;
	background-color:transparent;
	color:inherit;
	box-shadow:0;
	box-shadow: inset 0 0 0 rgba(255,255,255,0.0);
}
.title a,
.description a,
.message a,
.icon-group a,
.close_mail_button,
.close_mail_button a,
.close_mail_button a:hover {
	text-decoration: none;
	color:inherit;
}
.nullity-gmap-button,
.nullity-gmap-button a,
.nullity-gmap-button a:hover {
	text-decoration: none;
	color:rgba(0,0,0,0.8);
}
.nullity-gmap-button,
.close_mail_button {
	position: absolute;
	z-index:7;
	top:10px;
	right:10px;
	height:20px;
	width:auto;
}
.gmap_marker {
	padding:5px 10px 0 0;
}

.vertical-text { 
	display:none;
	position: absolute;
	z-index:5;
	top:0;
	margin:0;
	padding:0;
	height:100%;
	width: 60%;
	color: rgba(0,8,40,0.20);
	text-decoration: none;
	font-family: "Arial Black", Gadget, Impact, Helvetica, sans-serif;
	font-size:2000%;
	line-height: 180px;
	letter-spacing: -50px;
	font-weight:900;
	word-break: break-all;
	text-align: left;
	overflow:hidden;
}
.vertical-text a { 
	text-decoration: none;
}
#vertical-text-control { 
	width:100%;
	height:100%;
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	letter-spacing:inherit;
	font-weight:inherit;
	text-align:inherit;
}
#check-runtime {
	position:absolute;
	z-index:2;
	bottom:50px;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	display:block;
	text-decoration: none;
}
#load_run_time_info {
	font-size:90%;
	padding:0 20px 0 20px; 
}
#footer-note {
	position:absolute;
	z-index:100;
	bottom:10px;
	left:0;
	margin:0;
	width:100%;
	min-height:20px;
	border:0;
	text-align:center;
	display:block;
	text-decoration: none;
}
.foot-note {
	font-size:90%;
	padding:0 20px 0 20px; 
	text-transform: uppercase;
}
#footer-control {
	text-decoration: none;
}
#show_mail_form {
	position:absolute;
	z-index:6;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	color:#eaeaea;
	overflow:hidden;
	text-decoration: none;
	display:none;
}
.fun-0,
.fun-4,
.fun-5,
.fun-6,
.fun-7,
.fun-8,
.fun-9,
.fun-10,
.fun-extern {
	display:none;
}
.fun-0 {
	background-color:#000;
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
}
.fun-1:after,
.fun-2:after,
.fun-20:after,
.fun-3:after,
.fun-30:after,
.fun-4:after,
.fun-5:after,
.fun-6:after,
.fun-7:after,
.fun-8:after,
.fun-9:after,
.fun-10:after {
	content: "";
	opacity:1;
	top:0;
	left:0;
	bottom:0;
	right:0;
	position:absolute;
	background-repeat:no-repeat;
	-ms-background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}
.fun-1:after {
	z-index:10;
	background-image: url('images/fun/f1.jpg');
}
.fun-2:after {
	z-index:20;
	background-image: url('images/fun/f2.jpg');
}
.fun-20:after {
	z-index:20;
	background-image: url('images/fun/f20.jpg');
}
.fun-3:after {
	z-index:30;
	background-image: url('images/fun/f3.jpg');
}
.fun-30:after {
	z-index:30;
	background-image: url('images/fun/f30.jpg');
}
.fun-4:after {
	z-index:40;
	background-image: url('images/fun/f4.jpg');
}
.fun-5:after {
	z-index:40;
	background-image: url('images/fun/f5.jpg');
}
.fun-6:after {
	z-index:41;
	background-image: url('images/fun/f6.jpg');
}
.fun-7:after {
	z-index:42;
	background-image: url('images/fun/f7.jpg');
}
.fun-8:after {
	z-index:43;
	background-image: url('images/fun/f8.jpg');
}
.fun-9:after {
	z-index:44;
	background-image: url('images/fun/f9.jpg');
}
.fun-10:after {
	z-index:45;
	background-image: url('images/fun/f10.jpg');
}	
.fun-extern {
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	width:100%;
        height:100%;
}
.fun-11 {
	position:absolute;
	top:0;
	left:0;
	z-index:60;
	width:100%;
        height:100%;
}
.fun-11-i {
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
}
.fun-11-i:after{
	content:'';
	position:absolute;
	left:10%;
	top:10%;
	border-radius:100%;
	width:450px;
	height:450px;
	box-shadow: inset 0px 0px 1px #000, 0px 0px 0px 2000px rgba(0,0,0,0.50);
}
.fun-button {
   	color:#B71C1C;
}
.fun-button-black,
.fun-close .fun-button {
   	color:#000;
}
.fun-button-black-reverse {
   	color:#F7F731;
}
.fun-button:hover,
.fun-button-black:hover,
.fun-close .fun-button:hover {
   	color:#F7F731;
}
.fun-button:active,
.fun-button:focus,
.fun-button-black:active,
.fun-button-black:focus,
.fun-close .fun-button:active,
.fun-close .fun-button:focus  {
   	color:#000;
}
.fun-button:active,
.fun-button:focus {
   	color:#B71C1C;
}
.fun-button-black-reverse:hover,
.fun-button-black-reverse:active,
.fun-button-black-reverse:focus {
   	color:#000;
}
.fun-close {
	position: absolute;
	z-index:99;
	top:10px;
	right:30px;
	height:30px;
	width:auto;
}
.null-tp-fun-table {
	z-index:70;
}
.fun-base,
#fun-button-enter,
#fun-button-2,
#fun-button-1,
#fun-button-square,
#fun-button-check,
#fun-button-check-square,
#fun-button-check-out,
#fun-button-check-null {
	display:none;
}
#nullity-control {
	position:fixed;
	z-index:3;
	bottom:0;
	left:0;
	top:0;
	padding:16px;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	text-align: left;
	overflow-x:hidden;
}
.nullity-control {
	background-color: rgba(0,0,0,0.5);
	width:282px;
	height:auto;
	overflow-y:auto;
	display:none;
}
.nullity-control::-webkit-scrollbar {
	width: 8px;
}
.nullity-control::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: rgba(255,255,255,0.6);
}
.nullity-control::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	background-color: rgba(80,80,80,0.2);
}
.nullity-control-min {
	width:148px;
	height:54px;
	overflow-y:hidden;
}
#close_social_links {
	display:none;
}
#social-layer {
	position:fixed;
	bottom:0;
	right:0;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	padding:20px;
	overflow:hidden;
}
.social-layer {
	height:60px;
	z-index:5;
	width:auto;
}
.social-layer-maxwidth {
	height:60px;
	z-index:111;
	width:100%;
}
.layer-index {
	z-index:6;
	position:absolute;
	right:18px;
	bottom:42px;
	color:rgba(255,255,255,0.5);
}
.layer-index-close {
	z-index:6;
	position:absolute;
	right:2px;
	bottom:42px;
	color:rgba(255,255,255,0.5);
}
.layer-index-close:hover,
.layer-index-close:active,
.layer-index-close:focus,
.layer-index:hover,
.layer-index:active,
.layer-index:focus {
	color:rgba(255,255,255,0.5);
}
#layer-index-compress {
	display:none;
}
.social {
	margin:0 5px 0 5px;
}
.facebook,
.facebook:hover,
.facebook:active,
.facebook:focus {
	color:#3b5998;
}
.flickr,
.flickr:hover,
.flickr:active,
.flickr:focus {
	color:#ff0084;
}
.google,
.google:hover,
.google:active,
.google:focus {
	color:#dd4b39;
}
.instagram,
.instagram:hover,
.instagram:active,
.instagram:focus {
	color:#125688;
}
.linkedin,
.linkedin:hover,
.linkedin:active,
.linkedin:focus {
	color:#007bb5;
}
.pinterest,
.pinterest:hover,
.pinterest:active,
.pinterest:focus {
	color:#cb2027;
}
.tumblr,
.tumblr:hover,
.tumblr:active,
.tumblr:focus {
	color: #32506d;
}
.twitter,
.twitter:hover,
.twitter:active,
.twitter:focus {
	color:#55acee;
}
.youtube,
.youtube:hover,
.youtube:active,
.youtube:focus {
	color:#bb0000;
}
#nullity-dropdown-group .btn-primary {
	color:inherit;
}
#nullity-dropdown-group .dropdown-menu {
	max-width:240px;
	padding-top:10px;
	overflow: hidden;
}
#nullity-dropdown-group .dropdown-menu > li > a {
	white-space:nowrap;
}
#nullity-dropdown-group .dropdown-menu .nullity {
	margin-right:12px;
}
#nullity-control .btn-primary.dropdown-toggle,
#nullity-control .dropdown-toggle,
#nullity-control .btn-primary  {
	background-color:#f1f1f1;
}
.message img {
	float:left;
	max-width:100%;
	height:auto;
	margin:20px 100% 20px 0;
}
@media screen and (max-width: 600px) {
	.null-tp-message {  	  
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		padding:0;
	}
	.header-image-container {
		max-height:120px;
		margin:0 0 30px 0;
	}
	.null-tp-gmap-inside {
		width:100%;
	}
	.icon-group .btn {
		padding:10px;
	}
}
@media screen and (max-width: 400px) {
	.header-image-container {
		max-height:80px;
		margin:0 0 20px 0;
	}
	.layer-index,
	.layer-index-close {
		bottom:32px;
	}
	.social-layer,
	.social-layer-maxwidth {
		height:50px;
		width:100%;
	}
	#nullity-control .dropdown-menu {
    		font-size: 12px;
	}
	#nullity-control .fa {
		font: normal normal normal 12px/1 FontAwesome;
	}
	#nullity-control .dropdown-menu > li > a {
    		padding: 3px 20px;
    		line-height: 1.22857143;
	}
	.nullity-control {
		width:100%;
	}
	.null-tp-message-inside {
		padding:20px;
		font-size:80%;
	}
	.null-tp-header-image {
		margin:0 0 15px 0;
		padding:0;
	}
	.title,
	.description {
		padding:0 10px 0 10px;
	}
	.message {
		margin:0;
		padding:10px;
	}
	.icon-group .btn {
		padding:6px;
	}
	.close_mail_button {
		display:none;
	}
	#load_run_time_info,
	.foot-note {
		font-size:75%;
	}
}
@media screen and (max-width: 280px) {
	.header-image-container {
		max-height:40px;
		margin:0 0 10px 0;
	}
	.social-layer,
	.social-layer-maxwidth {
		height:70px;
	}
	.layer-index,
	.layer-index-close {
		bottom:52px;
	}
}
@media screen and (max-width: 100px) {
	.resize-nullity-gmap {
		display:none;
	}
}