/*
Theme Name: Ambiguity
Author: Nushi
Author URI: http://www.thespaceboundcoder.co.za
Description: A fully responsive wordpress theme
Theme URI: http://www.thespaceboundcoder.co.za/?page_id=6
Tags: black, white, light, one-column, two-columns, three-columns, custom-header, custom-menu , featured-images
Version: 1.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 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;
}

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;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.sticky 
{
	text-align: center;
}
.gallery-caption 
{
	text-align: center;
}

.bypostauthor
{
	text-align:center;
}
/*========================================================================================INDEX PAGE=======================================================================================================*/
#index-title h2
{
	text-align: center;
	color: #000;
	font-size: 70px;
	position: static;
	z-index: 0;
	font-family: 'Existence-Light';
	letter-spacing:10px;
	text-transform:uppercase;
	text-align:center;
	padding: 50px;
}

#index-title h2 a {
	color:#000;
}
#index-title h2 a:visited {
	color: #000;
}
#index-title h2 a:hover {
	color: #000;
	text-decoration:none;
}

#index-content p
{
	text-align: center;
	color: #999;
	font-size: 20px;
	position: static;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;	
}

/*========================================================================================NAV BAR=======================================================================================================*/
#button
{
	background-color:#ccc;
}

#button span
{
	background-color:#666;
}

#header-menu
{
	/*border-bottom: 1px solid #adadad;*/
	/*color: #FFF;
	background-color: rgba(255, 255, 255, 0.5);*/
	background-color: rgba(0,0,0,.2);
	color: #fff;
}

.navbar .nav
{
    float: none;
    text-align: center;
	color:#333;
}
.navbar .nav > li 
{
    float: none;
    display: inline-block;
	
	color:#333;
}
.navbar .nav > li a
{
	color: #fff;
	
}

/* ======================================================================================FRONT PAGE=============================================================================================*/

.nopadding {
   padding: 1px !important;
   margin: 0 !important;
   row-gap: 10px;
}

#main-header
{
	margin-bottom: 20px;
}

#main-header h2
{
	color: #e3e0cf;
	font-size: 150px;
	position:absolute;
	text-align:center;
	/*z-index: 0;*/
	/*left: 0;*/
	width: 100%;
	height: 100%;
	padding-bottom: 0;
	/*padding-top: 200px;*/
	text-shadow: #000;
	font-family: 'PermanentMarker';
	/*-webkit-transform: translate(-50%,-50%);*/
	
}

@media (max-width: 480px) 
{
	#main-header h2
	{
		font-size:42px;
		/*color:pink !important;*/
		padding-top:40px;
	}

}

@media (min-width: 481px) and (max-width: 536px) {
	#main-header h2
	{
		font-size:50px;
		/*color:yellow !important;*/
		padding-top: 30px;
	}

}
@media (min-width: 537px) and (max-width: 767px) {
	#main-header h2
	{
		font-size:70px;
		/*color:olive !important;*/
		padding-top: 20px;
	}

}

@media (min-width: 768px) and (max-width: 979px) {
	#main-header h2
	{
      font-size:100px;
	  /*color:orange !important;*/
	  padding-top: 20px;
	}
}

@media (min-width: 980px) 
{
  #main-header h2
  {
	  font-size:120px;
	  /*color: brown !important;*/
	  padding-top: 80px;
	}
}


@media (min-width: 1284px) 
{
  #main-header h2
  {
	  font-size:150px;
	  /*color:blue !important;*/
	  padding-top: 130px;
	}
}

/*description resize*/
#main-header h3
{
	color: #9fa8a3;
	font-size: 30px;
	position:absolute;
	text-align:center;
	z-index: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 0;
	padding-top: 400px;
	/*font-family: 'Modeka';*/
	font-family: 'Quicksand-Regular';
}

@media (min-width: 1284px) 
{
  #main-header h3
  {
	  font-size:30px;
	  /*color:blue !important;*/
	  padding-top: 400px;
	}
}

@media (min-width: 980px) 
{
  #main-header h3
  {
	  font-size:30px;
	 /* color: brown !important;*/
	  padding-top: 340px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	#main-header h3
	{
      font-size:30px;
	  /*color:orange !important;*/
	  padding-top: 250px;
	}
}


@media (min-width: 537px) and (max-width: 767px) {
	#main-header h3
	{
		font-size:20px;
		/*color:olive !important;*/
		padding-top: 170px;
	}

}


@media (min-width: 481px) and (max-width: 536px) {
	#main-header h3
	{
		font-size:18px;
		/*color: yellow !important;*/
		padding-top: 140px;
	}

}
@media (max-width: 480px) 
{
	#main-header h3
	{
		font-size:17px;
		/*color:pink !important;*/
		padding-top:110px;
	}

}

/*==============================*/

.posts-columns img{width: 100%; height: 500px;} 
.posts-columns h2 
{
	color: #000;
	font-size: 31px;
	position: absolute;
	text-align:center;
	z-index: 0;
	/*width: 100%;
	height: 100%;*/
	padding-bottom: 0;
	font-family: 'Existence-Light';
	font-weight: 500;
	text-transform:uppercase;
	/*margin-top: 350px;
	margin-left: 150px;*/
	float: left;
	font-weight:600;
	letter-spacing: 15px;
	width: 100%;
	margin-top:20px;
}



.posts-columns h2 a {
	color: #fff;
	margin-top:100px;
	
}
.posts-columns h2 a:visited {
	color:white;
}
.posts-columns h2 a:hover {
	color: #999;
	text-decoration:none;
}



/* ==========================================================================================FOOTER============================================================================================================*/
/*#wrapper {
	height:100%;
	position:static;
}
#site-footer 
{
	background:#ffab62;
	width:100%;
	height:100px;
	position: static;
	bottom:0;
	left:0;
}
*/

#site-footer 
{
	
	text-align:center;
	position: relative;
	bottom:0;
	z-index:999999;
	float:left;
	min-width:100%;
	height:45px;
	line-height: 10px;
	color: #FFF;
	background-color: #333;
	
}

#site-footer a 
{
	color:#fff;
}

#site-footer nav ul li
{
	float: right;
	width:2%;
	visibility:hidden;
}

/* ==========================================================================================ABOUT ME PAGE===================================================================================================*/


.single-featured-image {
	position:relative;
	overflow:hidden;
	padding-top:0;
	 /*border-right: solid #000 1px;*/
	margin-bottom:50px;
	/*margin-top:100px;*/
	width:100%;
	background-position:center center;
}
.single-featured-image h2 {
	
	color: #000;
	font-size: 70px;
	position: static;
	z-index: 0;
	font-family: 'Existence-Light';
	letter-spacing:10px;
	text-transform:uppercase;
	text-align:center;
	
	 
}
.single-featured-image h2 a {
	color:#000;
}
.single-featured-image h2 a:visited {
	color: #000;
}
.single-featured-image h2 a:hover {
	color: #000;
	text-decoration:none;
}

@media (min-width: 677px) and (max-width: 991px)
{
	.single-featured-image h2
	{
		font-size: 90px;
	}

}
.post-content-about
{
	 margin-top:95px;
	 text-align:center;
	 width: 100%;
	 border-left: solid #000 1px;
	 padding-left:50px;
	 position: relative;
	 padding-right: 20px;
	 padding-bottom:20px;
	 margin-bottom: 50px;
}

@media (max-width: 991px) 
{
	.post-content-about
	{
		border: none;
		padding: 0px;
	}

}
/*================================================================================== Contact Form ==============================================================================*/
#respond-form img
{
	width: 100%; 
	height: 100vh;
}

#respond-form h1
{
	position: absolute; 
	width: 100%;
	height: 100%;
	padding-top:70px;
	font-family: 'Quicksand-Regular';
	color: #333;
	text-align:center;
	font-size:50px;
	text-transform: uppercase;
}

#respond-form h2
{
	position: absolute; 
	width: 100%;
	height: 100%;
	padding-top:170px;
	font-family: 'Quicksand-Regular';
	color: #fff;
	text-align:center;
	font-size:30px;

}
#respond-form form
{
	width: 100%;
	color:#ccc;
	font-family: 'Quicksand-Regular';
	font-size:20px;
	position:absolute;
	margin-top:260px;
	background-color: rgba(0,0,0,.4);
	letter-spacing: 1px;
	height: 470px;
	text-transform: uppercase;
	float: left;
	
}

.message_name
{
	background-color: #000;
}

.entry-header
{
	font-weight:bold;
	font-family: 'Modeka';
	font-size: 42px;
	color: #333;
	margin-top: 50px;
	text-transform:uppercase;
}


.email-class
{
	/*background-color: #333;*/
	color: #000;
	/*border:1px solid #333;
	border-radius:5px;*/
	padding:10px;
	

}

.name-class
{
	/*background-color: #333;*/
	color: #000;
	/*border:1px solid #333;*/
	/*border-radius:5px;*/
	padding:10px;
}

.message-class
{
	/*background-color: #333;*/
	color: #000;
	/*border:1px solid #333;
	border-radius:5px;*/
	padding:10px;
}

.verification-class
{
	/*background-color: #333;*/
	color: #000;
	/*border:1px solid #333;
	border-radius:5px;*/
	padding:10px;
}

.submit-btn
{
	/*background-color: #333;
	color: #FFF;
	border:1px solid #333;
	border-radius:5px;
	padding:10px;*/
	display: inline-block;
	outline: none;
	*zoom: 1;
	text-align: center;
	text-decoration: none;
	font-family: inherit;
	font-weight: 300;
	letter-spacing: 1px;
	vertical-align: middle;
	border: 2px solid ;
	transition: all 0.4s ease;
	box-sizing: border-box;
	text-shadow: 0 1px 0 rgba(0,0,0,0.01);
	font-size: 0.9375em;
	/*padding: 0.5340em 1.340em;*/
	padding: 0.3em 1.340em;
	color: #fff;
	border-color: #fff;
	border-radius: 3px;
	position:relative;
	background-color: transparent;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing: 3px;
}

.submit-btn:hover 
{
  background: #fff;
  border-color:#fff;	
  color: #000;
  
}
/* ==========================================================================================SINGLE.PHP/COMMENT FORM============================================================================================================*/
#single-page-header
{
	position: relative;
}

#single-page-header img
{
	width:100%; 
	height: 100vh;

}
#single-page-header h1
{
	position:absolute;
	color: #fff;
	/*width: 100%;*/
	/*height: 100%;*/
	text-align:center;
	margin-top: 350px;
	/*font-size:120px;*/
	font-size: 10em;
	/*=======use this to add transparent background line height of choice=============*/
	background-image: linear-gradient(transparent 0%, transparent 55%, rgba(0, 0, 0, .5) 55%, rgba(0, 0, 0, .5) 100%, transparent 100%, transparent 100%);
	background-size: 100% 100%;
	line-height: 1.2;
	display: block;
    clear: right;
	box-sizing: border-box;
	left: 50%;
    /*transform: translate(-50%, 0);*/
	font-family: 'PermanentMarker';
	-webkit-transform: translate(-50%,-50%);
}



#single-page-header h4
{
	position: absolute;
	color: #fff;
	width: 100%;
	padding-top: 550px;
	text-align:center;
	font-family: 'Quicksand-Regular';
	text-transform:uppercase;
}

#single-page-header h4 a
{
	color: #fff;
	transition: all 0.4s ease;
}

#single-page-header h4 a:hover
{
	color: #6CC;
	text-decoration: none;
	transition: all 0.4s ease;
}
#single-page-content p 
{
	text-align: center;
	padding-top: 50px;
	background-position: center center;
	font-size:14px;
	padding-bottom: 50px; 
}

#commentform
{
	text-align: center;
	padding-top: 50px;
	background-position: center center;
	font-size:12px;
	width: 100%;
	color:#000;
	font-family: 'Modeka';
	text-transform:uppercase;
	font-size:20px;
	position: relative;
	letter-spacing:1px;
	padding-bottom: 50px;
	
}

#reply-title
{
	text-align: center;
	font-family: 'Modeka';
	text-transform: uppercase;
	letter-spacing:1px;
	font-weight:500;
	text-decoration:underline;
}

#submit
{
	display: inline-block;
	outline: none;
	*zoom: 1;
	text-align: center;
	text-decoration: none;
	font-family: inherit;
	font-weight: 300;
	letter-spacing: 1px;
	vertical-align: middle;
	border: 2px solid ;
	transition: all 0.4s ease;
	box-sizing: border-box;
	text-shadow: 0 1px 0 rgba(0,0,0,0.01);
	font-size: 0.9375em;
	padding: 0.5375em 1.375em;
	color: #000;
	border-color: #000;
	border-radius: 3px;
	position:relative;
	background-color: transparent;
	font-weight:600;
	text-transform:uppercase;
	
	
}

#submit:hover 
{
  background: #000;
  border-color:#000;	
  color: #fff;
  
}

#form-allowed-tags code
{
	color: #000;
	text-align: center;
	/*font-size:14px;*/
}

#form-allowed-tags
{
	text-align: center;
	font-size:14px;
	/*padding-left: 350px;
	padding-right: 350px;*/
	padding-bottom: 20px;
	padding-top: 10px;
} 

#comments-section
{
	text-align: left;
}

.comments-title
{
	color: #333;
	font-family: 'Existence-Light';
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;

}

.comment-body
{
	text-align:left;
}

/* ========================================================================================PAGINATION==============================================================================================================*/

/* ========================================================================================404 PAGE==============================================================================================================*/
#error-msg h1
{
	height: 100%;
	color: #000;
	padding-top: 300px;
}
#error-msg h4
{
	padding-bottom: 350px;
	color: #333;
}
#error-msg h4:hover
{
	color: #6CF;
	text-decoration:none;	
}
/* ==========================================================================================FONTS============================================================================================================*/

@font-face 
{
	font-family: 'Lobster_1.0_';
	src: url('fonts/Lobster_1.0_.eot') format('eot');
	src: local('☺'), url('fonts/Lobster_1.0_.woff') format('woff'), url('fonts/Lobster_1.0_.ttf') format('truetype'), url('fonts/Lobster_1.0_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'Quicksand-Regular';
	src: url('fonts/Quicksand-Regular.eot');
	src: local('☺'), url('fonts/Quicksand-Regular.woff') format('woff'), url('fonts/Quicksand-Regular.ttf') format('truetype'), url('fonts/Quicksand-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'Marcsc___';
	src: url('fonts/Marcsc___.ttf');
	/*src: local('☺'), url('fonts/Quicksand-Regular.woff') format('woff'), url('fonts/Quicksand-Regular.ttf') format('truetype'), url('fonts/Quicksand-Regular.svg') format('svg');*/
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'Modeka';
	src: url('fonts/Modeka.otf');
	/*src: local('☺'), url('fonts/Quicksand-Regular.woff') format('woff'), url('fonts/Quicksand-Regular.ttf') format('truetype'), url('fonts/Quicksand-Regular.svg') format('svg');*/
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'PermanentMarker';
	src: url('fonts/PermanentMarker.ttf');
	/*src: local('☺'), url('fonts/Quicksand-Regular.woff') format('woff'), url('fonts/Quicksand-Regular.ttf') format('truetype'), url('fonts/Quicksand-Regular.svg') format('svg');*/
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'Existence-Light';
	src: url('fonts/Existence-Light.otf');
	/*src: local('☺'), url('fonts/Quicksand-Regular.woff') format('woff'), url('fonts/Quicksand-Regular.ttf') format('truetype'), url('fonts/Quicksand-Regular.svg') format('svg');*/
	font-weight: normal;
	font-style: normal;
}