\@charset "UTF-8";
/* CSS Document */





body, html {
    margin: 0px;
    padding: 0px;
}


body {
    background: #e9e8e4;
    color: black;
    font-family: "PPNeueMachina-Medium", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8em;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

p {
	margin: 0px 0px 20px 0px;
}

i {
	font-family: "PPNeueMachina-InktrapMediaumItalic", sans-serif;
	font-style: normal;
}

a {
	color: #88918f;
	text-decoration: none;
}

a:hover {
	color: black;
}


/* CONBON NAVICATION STYLES */

div.navbar-left {
	display: inline-block;
    height: 90px;
	text-align: left;
	padding-left: 1.6667rem;
	width: 100%;
	
}

div.navbar-left div.logo img {
	display: block;
	width: 103px;
	margin-top: 28px;
	float: left;
	padding-right: 48px;
}


div.navbar-left ul.menu {
	list-style: none;
	text-transform: uppercase;
	font-family: "PPNeueMachina-Black", sans-serif;
	letter-spacing: .2em;
	font-size: .7em;
}


div.navbar-left nav ul.menu li {
	display: inline-block;
	padding-right: 48px;
	position: relative;
	top: 27px;
}

div.navbar-left nav ul.menu li a {
	color: white;
}

div.navbar-left nav ul.menu li a:hover {
	color: #f6f6f4;
}

div.navbar-left nav ul.menu li#menu-item-409 a {
	color: #88918f;
}



/* HEADER STYLES */

header#blog-header {
	padding: 100px 180px 115px 180px;;

}

div.blog-tools {
    color: #88918f;
    display: inline-block;
    height: 20px;
    border-bottom: 1px #a8b1af solid;
    padding-bottom: 10px;
    width: 100%;
}

/* HEADER STYLES - SEARCH */

div#search {
	float: left;
	width: 35%;
}


div#search input {
	background: none;
	border: none;
	font-family: "PPNeueMachina-Medium", sans-serif;
	color: #88918f !important;
	font-size: 14px;
}


input#search-text {
	position: relative; 
	bottom: 5px;
}

input#search-text:focus {
	outline: none; 
}


div#search input::placeholder {
	color: #88918f;
}

input#search-button {
	width: 20px;
	height: 19px;
	text-indent: -1000px;
	background-image: url("https://conbonindustries.com/blog/SearchWhite.svg")!important;
	background-repeat: no-repeat;
	margin-right: 8px;
	display: inline-block;
}

input#search-button:hover {
	width: 20px;
	height: 19px;
	text-indent: -1000px;
	background-image: url("https://conbonindustries.com/blog/SearchGrey.svg")!important;
	background-repeat: no-repeat;
	margin-right: 8px;
	display: inline-block;
	cursor: pointer;
}


/* HEADER STYLES - SHARE*/

div#header-links {
	float: right; 
	width: 65%;
	font-size: 14px;
}

div#header-share {
	float: right;
	text-align: right;
	height: 20px;
}

div#header-share span {
	margin: 0px;
	padding-right: 10px;

}

div#header-share ul.share-icons {
	list-style: none;
	display: inline;
	text-align: right; 
	padding-left: 0px;
}

div#header-share ul li {
	display: inline-block;
	margin-right: 6px;
	height: 15px;
	position: relative;
	top: 3px; 
}

div#header-share ul li:hover {
	display: inline-block;
	margin-right: 6px;
	height: 15px;
	position: relative;
	top: 2px;
	transition: all 0.25s ease;
}


div#header-share ul li img {
	width: 15px;
	height: 15px;
	margin-right: 3px;
	text-align: right;
	transition: all 0.25s ease;
}



/* HEADER STYLES - ARCHIVE */

div#archive-link {
    float: right;
	text-align: right;
	margin-right: 20px;
	padding-bottom: 2px;
}

div#archive-link a.archive {
    text-decoration: none;
	color: #88918f;
	font-size: 14px; 
	margin-right: 30px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div#archive-link a.archive::before {
	content: "\2192";
	margin-right: 6px;
	transition: all 0.25s ease;
}

div#archive-link a.archive:hover::before {
	content: "\2192";
	margin-right: 3px;
}

div#archive-link a.archive:hover {
	color: black;
}

/* HEADER STYLES - NAME */

div.blog-name {
	text-align: center;
	padding-top: 110px;
	font-family: 'pp_eikothin', sans-serif;
}

div.blog-name a {
	/*font-family: 'pp_eikothin', "PPEiko-Thin", 'pp_eikothin', georgia, 'pp_eikothin', "PPEiko-Thin", sans-serif;*/
	font-family: 'pp_eikothin', sans-serif !important;
	font-size: 4.222rem;
	letter-spacing: -2px;
	text-decoration: none;
	color: white;
}


/* SUBHEAD STYLES */

div.tag-list{
	margin: 20px 180px 60px 180px;  
	display: block; 
	border-top: 1px solid #a8b1af;
	padding-bottom: 30px;
}

div.tag-list h2 {
	font-family: "PPNeueMachina-Black", sans-serif;
	font-size: .7em;
	padding-top: 10px;
	letter-spacing: 2px;
	color: #88918f;
}

div.tag-list h2 span {
	font-family: "PPNeueMachina-InktrapMediumItalic", sans-serif; 
	color: black; 
	font-size: 1.4rem;
	letter-spacing: 0px;
	
}



div.search-list{
	margin: 20px 180px 60px 180px;  
	display: block; 
	border-top: 1px solid #a8b1af;
	padding-bottom: 30px;
}

div.search-list h2 {
	font-family: "PPNeueMachina-Black", sans-serif;
	font-size: .7em;
	padding-top: 10px;
	letter-spacing: 2px;
	color: #88918f;
}

div.search-list h2 span {
	font-family: "PPNeueMachina-InktrapMediumItalic", sans-serif; 
	color: black; 
	font-size: 1.4rem;
	letter-spacing: 0px;
	
}



/* POST STYLES */


ol.posts-list {
 	width: 100%;
 	padding: 0px;
 	margin:  0px;
}

li.post {
	margin: 0px 180px 180px 180px;
	background: #e9e8e4;
	list-style: none;
	display: block;
	clear: both;
}


li.post header.post-date {
	width: 100%;
	border-top: 2px solid white;
	font-size: 1.1em;
	padding-top: 15px;
}


/* TEXT POST STYLES */


li.post div.text-post {
	display: flex;
}

div.npf_row {
	width: 50% !important;
	margin-left: auto;
	float: right;
	align-content: center;
	clear: both;
	padding: 3px; 
}

div.npf_row img {
	padding-left: 6px;
}

div.text-post p {
	width: 35%;
	margin-right: 15%;
}

li.post div.text-post h1 {
	font-family: "PPEditorialOld-Italic", serif;
	font-size: 3.5em;
	line-height: 1.1em;
	/* padding-bottom: 30px; */
	width: 35%;
	margin-top: 100px;
	font-weight: normal;
}

li.post div.text-post h2 {
	font-family: "PPEditorialOld-Italic", serif;
	font-size: 3.5em;
	line-height: 1.1em;
	padding-bottom: 30px;
	width: 35%;
	margin-top: 10%;
	font-weight: normal; 

}






/* IMAGE POST STYLES */

div.photo-post {
	display: flex;
	margin-top: 80px;
	margin-bottom: 80px;
}


div.photo-post-image {
	width: 50%;
	align-self: center;
}

div.photo-post-caption {
	width: 40%;
	margin-left: 10%;
	align-self: center;
}

div.photo-post-caption h2 {
	font-family: 'PPEditorialOld-Italic', serif;
	font-size: 3.5em;
	padding-bottom: 10px;
	line-height: 1.2em;
	font-weight: normal;
}


div.photo-post-image img {
	width: 100%;
}

/* VIDEO POST STYLES */

div.video-post {
	display: flex;
	margin: 80px 0px 40px 0px;
}

div.video-post-video {
	width: 50% !important;
}

div.video-post-video iframe {
	width: 100% !important;

}

div.video-post-caption {
	align-self: center;
	width: 40%;
	margin-left: 10%;
}


/* PHOTOSET POST STYLES */


div.photoset-post {
	display: flex;
}


div.photoset-post-images {
	width: 50%;
	height: 100%;
}

@media screen and (min-width: 1780px) {

	div.photoset-post-images {
		width: 700px;
		margin-left: auto !important;
	}

}


div.photoset-post-caption {
	width: 35%;
	margin-right: 15%;
	margin-top: 10%;
}

div.photoset-post-caption h2 {
	font-family: 'PPEditorialOld-Italic', serif;
	font-size: 3.5em;
	padding-bottom: 10px;
	line-height: 1.2em;
	font-weight: normal;
}


/* LINK POST STYLES */


div.link-post {
	width: 75%;
	margin-top: 80px;
	margin-bottom: 60px;
}


div.link-post-link {
	font-family: 'PPEditorialOld-LightItalic', serif;
	font-size: 3em;
	padding-bottom: 10px;
	line-height: 1.8em;
	margin-left: 0px;
	margin-bottom: 30px;
	font-weight: normal;
	
	
}

div.link-post-link a::after {
	content: "\2192";
	position: relative;
	bottom: 5px;
	left: 15px;
	color: #a8b1af;
	transition: .05s;
}

div.link-post-link a {
	color: #a8b1af;
	transition: .1s;
	border-bottom: 1px solid;

}

div.link-post-link a:hover{
	color: #838c8a;
}


div.link-post-link a:hover::after {
	content: "\2192";
	position: relative;
	bottom: 5px;
	left: 25px;
	color: #838c8a;
}

div.link-post img {
		width: 100%;
		height: 100%;
}


/* QUOTE POST STYLES */

div.quote-post{
	width: 75%;
}

div.quote-post-quote blockquote {
	font-family: 'PPEditorialOld-LightItalic', serif;
	font-size: 3em;
	padding-bottom: 10px;
	line-height: 1.2em;
	margin-left: 0px;
}

div.quote-post-quote blockquote::before {
	content: "\201C";
	font-size: 1.5em;
	position: relative;
	top: 10px;
	left: -10px;
	color: #a8b1af;
}

div.quote-post-quote blockquote::after {
	content: " \201D";
	font-size: 1.5em;
	position: relative;
	top: 10px;
	left: -10px;
	color: #a8b1af;
}



div.quote-post-source {
	font-size: 1.2em;
	color: #a8b1af;
	margin-bottom: 40px;
}




/* POST FOOTER STYLES */

footer.post-footer {
	width: 100%;
	padding-top: 20px;
	clear: both;

}

div.post-footer-top {
	display: block;
	border-bottom: 1px solid #a8b1af;
	padding-bottom: 10px;
	height: 30px;
	
}

div.note-count {
	float: left;
		color: #88918f;
}


div.post-share {
	float: right;
}

div.post-share span {
	font-family: "PPNeueMachina-Black", sans-serif;
	color: #88918f;
	font-size: .7em;
	letter-spacing: 3px;
	margin: 0px;
	padding-right: 3px;
	position: relative;
	top: -3px; 
}


div.post-share ul.share-icons {
	list-style: none;
	display: inline;
	text-align: right; 
	padding-left: 0px;
}

div.post-share ul li {
	display: inline-block;
	margin-left: 6px;
	height: 15px;
	position: relative;
	top: 0px;
	transition: .1s;
}

div.post-share ul li:hover {
	display: inline-block;
	margin-left: 6px;
	position: relative;
	top: -2px;
	height: 15px;
	transition: .2s;
}

div.post-share ul li img {
	width: 15px;
	height: 15px;
	margin-right: 3px;
	text-align: right;
}









div.post-footer-bottom {
	display: block;
	padding-top: 10px;	
}

div.post-tags {
	float: left; 
}

div.post-tags a {
	display: inline-block;
	padding: 3px 15px 5px 15px;
	border: solid white 1px;
	height: 20px; 
	border-radius: 20px;
	margin-right: 8px;
	font-size: .85em;
	letter-spacing: .03em;
	font-family: "PPNeueMachina-Bold", sans-serif;
	font-weight: normal;
	color: #88918f;
	text-decoration: none;
		transition: .05s ease-in-out;

}

div.post-tags a:hover {
	display: inline-block;
	padding: 3px 13px 5px 13px;
	border: solid white 1px;
	height: 20px; 
	border-radius: 20px;
	margin-right: 12px;
	font-size: .85em;
	letter-spacing: .03em;
	font-family: "PPNeueMachina-Bold", sans-serif;
	color: #88918f;
	text-decoration: none;
	background-color: white;
}


div.permalink a {
	float: right; 
	color: black;
	text-decoration: none;
}

div.permalink a:hover {
	float: right; 
	color: #88918f;
	text-decoration: none;
}

/* POST NOTES FOOTER STYLES */

div#notes-label {
	width:100%;
	margin-top: 100px;
	border-bottom: 1px white solid;
}

div#notes-label p {
	margin-bottom: 5px;
	color: white;
}

div.post-notes {
	width: 100%;
	display: block;
	margin-top: 30px;
}

div.post-notes ol {
	padding-left: 20px;
	color: #a8b1af;
}

div.post-notes ol a{
	padding: 2px;
	color: #88918f;
	text-decoration: none;
}

div.post-notes ol a img {
	position: relative;
	top: 3px;
	width: 15px;
	height: 15px;
	border-radius: 15px;
}


div.post-notes li::marker {
	color: white;
}


/* BLOG FOOTER STYLES */


/* BLOG PAGINATION */

         
div.pagination {
	margin: 0px 180px;
	font-family: 'pp_eikothin', sans-serif !important;
	display: block;
	padding-bottom: 100px;
}

.page-nav span {
	width: 30%;
	font-family: "PPNeueMachina-Black", sans-serif;
	display: block;
	float: left;
	text-align: center;
	color: #88918f;
	font-size: .7em;
	letter-spacing: .17em;
}

.page-nav a {
	color: white;
	text-decoration: none;
	font-size: 3.6em;
}

.page-nav a:hover {
	text-decoration: none;
	font-size: 3.6em;
	color: #f6f6f4;
} 


/* POST PAGINATION */


.post-nav a {
	color: #a8b1af;
	text-decoration: none;
	font-size: 3em;
	display: block;
}

.post-nav a:hover {
	color: #88918f ;
} 

div.previous {
	width: 35% !important;
	float: left;
	display: block;
	height: 100px;
}

div.previous a {
	display: block;
}

div.previous a::before {
	content: "\2190  ";
	padding-left: 10px;
	padding-right: 5px;
	transition: .1s;
}

div.previous a:hover::before {
	padding-left: 5px;
	padding-right: 10px;
	transition: .2s;
}

div.next {
	width: 35%;
	float:right;
	height: 100px;
	display: block;
}

div.next a {
	
	display: block;
	text-align: right;
}

div.next a::after {
	content: " \2192";
	padding-left: 5px;
	padding-right: 10px;
	transition: .1s;
}

div.next a:hover::after {
	padding-left: 10px;
	padding-right: 5px;
	transition: .2s;
}

div.copyright p {
	 color: #d6d5d4;
    font-family: "PPNeueMachina-Medium", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: .9em;
	padding-top: 200px;
	text-align: center;
    width: 100%;

}


/* FADE IN ON LOAD */

@keyframes fadeIn {
  from {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	opacity: 0;
  }
  to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
  }
}

@keyframes fadeInOnly {
  from {
	opacity: 0;
  }
  to {
	opacity: 1;
  }
}

/*.blog-wrap {
  animation: fadeIn 0.7s ease-out;
}*/

header#blog-header {
  animation: fadeInOnly 1.25s ease-out;
}

div.posts-container {
  animation: fadeInOnly 1.75s ease-out;
}


/* RESPONSIVE STYLES */

@media screen and (max-width: 1350px) {

	header#blog-header {
		padding: 100px 80px 115px 80px !important;
	}

	div.tag-list, .search-list {
		margin: 20px 80px 60px 80px !important;
	}

	li.post {
		margin: 0px 80px 180px 80px;
	}

	div.pagination {
		margin: 0px 80px;
	}
}

@media screen and (max-width: 950px) {

	header#blog-header {
	padding: 100px 80px 80px 80px;
	}
	

	div.blog-name {
		padding-top: 80px;
	}
	
	li.post div.text-post h1 {
		width: 45%;
		margin-right: 5%;
		font-size: 2.6em;
	}

		
	li.post div.text-post p {
		width: 45%;
		margin-right: 5%;
	}

	div.photo-post-caption {
		width: 45%;
		margin-left: 5%;
	}


	div.photoset-post-caption {
		width: 45%;
		margin-right: 5%;
	}	

	div.photoset-post-caption h2 {
	font-size: 2.7em;
	}
	
	div.post-tags {
		clear: both;
	}

	div.post-footer-top {
		padding-bottom: 0px;
	}
	
	div.permalink {
		float: right;
		clear: both;
		border-top: 1px solid #a8b1af;
		width: 100%;
		margin-top: 15px;
	}

	div.permalink a {
		margin-top: 4px; 
	}

	.page-nav a, .page-nav a:hover {
	font-size: 3em;
	}
	
}

@media screen and (max-width: 820px) {


	header#blog-header {
	padding: 100px 30px 80px 30px !important;
	}

	div.tag-list, .search-list {
		margin: 20px 30px 60px 30px !important;
	}

	li.post {
		margin: 0px 30px 180px 30px;
	}

	div.pagination {
		margin: 0px 30px;
	}
	
	
	div.blog-name {
		padding-top: 120px;
	}
	
	
	div.blog-tools {
    color: #88918f;
    display: inline-block;
    border-bottom: 1px #a8b1af solid;
    padding-bottom: 10px;
    width: 100%;
}

	div#search {
	width: 100%;
	font-size: .9em;
}
	
	div#header-links {
	float: right; 
	width: 100%;
	font-size: .9em;
	height: 30px;
	border-bottom: 1px solid #a8b1af;
	padding-top: 10px;
}

	div#archive-link {
    float: left;
	text-align: right;
	margin-right: 20px;
	padding-bottom: 2px;
	}

	div.post-tags a {
	margin-bottom: 8px;
	}


/* TEXT POST STYLES */


li.post div.text-post {
	display: flex;
}

div.npf_row {
	width: 100% !important;
	margin-left: auto;
	float: right;
	align-content: center;
	clear: both;
	padding: 3px; 
}

div.npf_row img {
	padding-left: 6px;
}

li.post div.text-post p {
		width: 100%;
		margin-right: 0px;
	}

li.post div.text-post h1 {
	font-family: "PPEditorialOld-Italic", serif;
	font-size: 2.5em;
	width: 100%;
	padding-top: 60px !important;
	clear: both;
}

li.post div.text-post h2 {
	font-family: "PPEditorialOld-Italic", serif;
	font-size: 2.5em;
	line-height: 1.3em;
	width: 100%;
	margin-bottom: 0px;
}


	
/* IMAGE POST STYLES */
	
	div.photo-post {
	display: block;
	margin-top: 80px;
	margin-bottom: 80px;
}


div.photo-post-image {
	width: 100%;
}

div.photo-post-caption {
	width: 100%;
	margin-left: 0%;
	margin-top: 30px;

}

div.photo-post-caption h2 {
	font-family: 'PPEditorialOld-Italic', serif;
	font-size: 2.5em;
	padding-bottom: 10px;
	line-height: 1.2em;
}


div.photo-post-image img {
	width: 100%;
}


	/* PHOTOSET POST STYLES */


div.photoset-post {
	display: block;
}


div.photoset-post-images {
	width: 100%;
}



div.photoset-post-caption {
	width: 100%;
	margin-right: 15%;
	margin-top: 80px;
}

div.photoset-post-caption h2 {
	font-family: 'PPEditorialOld-Italic', serif;
	font-size: 2.5em;
	padding-bottom: 0px;
	line-height: 1.2em;
}

/* VIDEO POST STYLES */

div.video-post {
	display: block;
	margin: 80px 0px 40px 0px;
}

div.video-post-video {
	width: 100% !important;
	margin-bottom: 20px;
}

div.video-post-video iframe {
	width: 100% !important;
}

div.video-post-caption {
	align-self: center;
	width: 100%;
	margin-left: 0%;
	margin-top: 0px;
}

/* QUOTE POST STYLES */

div.quote-post{
	width: 100%;
}

	div.quote-post-quote blockquote {
	font-family: 'PPEditorialOld-LightItalic', serif;
	font-size: 2.3em;
	padding-bottom: 10px;
	line-height: 1.2em;
	margin-left: 0px;
}

div.quote-post-quote blockquote::before {
	content: "\201C";
	font-size: 1.5em;
	position: relative;
	top: 10px;
	left: -10px;
	color: #a8b1af;
}

div.quote-post-quote blockquote::after {
	content: " \201D";
	font-size: 1.5em;
	position: relative;
	top: 10px;
	left: -10px;
	color: #a8b1af;
}



div.quote-post-source {
	font-size: 1em;
	color: #a8b1af;
	margin-bottom: 40px;
}


/* LINK POST STYLES */


div.link-post {
	width: 100%;
	margin-top: 80px;
	margin-bottom: 60px;
}

	div.link-post img {
		width: 100%;
		height: 100%;
	}


div.link-post-link {
	font-family: 'PPEditorialOld-LightItalic', serif;
	font-size: 2.5em;
	padding-bottom: 10px;
	line-height: 1.5em;
	margin-left: 0px;
	margin-bottom: 30px;
	}

div.link-post-link a::after {
	content: "\2192";
	position: relative;
	bottom: 5px;
	left: 15px;
	color: #a8b1af;
	transition: .05s;
}

div.link-post-link a {
	color: #a8b1af;
	transition: .1s;
	border-bottom: 1px solid;

}

div.link-post-link a:hover{
	color: #838c8a;
}


div.link-post-link a:hover::after {
	content: "\2192";
	position: relative;
	bottom: 5px;
	left: 25px;
	color: #838c8a;
}



/* BLOG FOOTER STYLES */


/* BLOG PAGINATION */

         
div.pagination {
	font-family: "PPEiko-Thin", sans-serif;
	display: block;
}

.page-nav span {
	height: 40px;
	width: 100%;
	font-family: "PPNeueMachina-Black", sans-serif;
	display: block;
	float: left;
	text-align: center;
	color: #88918f;
	font-size: .7em;
	letter-spacing: .17em;
}

.page-nav a {
	color: white;
	text-decoration: none;
	font-size: 2.5em;
}

.page-nav a:hover {
	text-decoration: none;
	font-size: 2.5em;
	color: #f6f6f4;
} 


/* POST PAGINATION */


.post-nav a {
	color: #a8b1af;
	text-decoration: none;
	font-size: 2.5em;
	display: block;
}

.post-nav a:hover {
	color: #88918f ;
} 

div.previous {
	width: 100% !important;
	display: block;
	height: 50px;
}

div.previous a {
	display: block;
}

div.previous a::before {
	content: "\300a";
	padding-left: 10px;
	padding-right: 5px;
	transition: .1s;
}

div.previous a:hover::before {
	padding-left: 5px;
	padding-right: 10px;
	transition: .2s;
}

div.next {
	width: 100%;
	float: right;
	height: 50px;
	display: block;
}

div.next a {
	display: block;
}

div.next a::after {
	content: "\300b";
	padding-left: 5px;
	padding-right: 10px;
	transition: .1s;
}

div.next a:hover::after {
	padding-left: 10px;
	padding-right: 5px;
	transition: .2s;
}

	

div.copyright p {
	 color: #d6d5d4;
    font-family: "PPNeueMachina-Medium", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: .9em;
	padding-top: 200px;
	text-align: center;
    width: 100%;

}



}


@media (max-width: 450px) {

	
header#blog-header {
	padding-bottom: 100px;

}

	
div.tag-list, .search-list {
	margin: 20px 30px 60px 30px !important;
}	
	
	
div.blog-name {
	text-align: center;
	padding-top: 170px;

}

div.blog-name a {
	font-family: 'pp_eikothin', sans-serif;
	font-size: 3.5rem;
	letter-spacing: -2px;
	text-decoration: none;
	color: white;
}
	
div#archive-link {
	text-align: right;
	margin-right: 0px;
	margin-top: 20px;
	padding-bottom: 5px;
	width: 100%;
	border-bottom: 1px solid #a8b1af;
}

div#archive-link a.archive {
	text-decoration: none;
	color: #88918f;
	margin-right: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div#archive-link a.archive:hover {
	color: black;
}
	
}


/* MOBILE MENU */

 #menuArea { display: none; }
  
  @media (max-width: 991px) {
  #menuArea { display: block; }
  div.navbar-left ul.menu { display: none; }
  
  div.navbar-left { width: 50%; }
  
  #menuArea input {
	display: none;
  }

  .mobilet-open {
	background-color: #929b99;
	width: 24px;
	height: 2px;
	display: block;
	border-radius: 0px;
	cursor: pointer;
	position: relative;
	top: 14px;
  }

  .mobilet-open:before {
	content: "";
	background-color: #929b99;
	width: 24px;
	height: 2px;
	display: block;
	border-radius: 2px;
	position: relative;
	top: -6px;
	transform: rotate(0deg);
	transition: all 0.3s ease;
  }

  .mobilet-open:after {
	content: "";
	background-color: #929b99;
	width: 24px;
	height: 2px;
	display: block;
	border-radius: 2px;
	position: relative;
	top: 4px;
	transform: rotate(0deg);
	transition: all 0.3s ease;
  }

  .menuOpen {
	width: 24px;
	height: 20px;
	display: block;
	padding: 30px 30px 15px;
	cursor: pointer;
	float: right;
  }

  .menuOpen:hover .mobilet-open:before {
	top: -8px;
  }

  .menuOpen:hover .mobilet-open:after {
	top: 6px;
  }

  .mobilet-menu {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: rgba(233, 232, 228, 1);
  }

  .mobilet-menu label {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 20px;
	background-size: 100%;
	cursor: pointer;
  }

  .mobilet-menu .menuContent {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%; /* Updated: Full height of the menu */
  }

  .mobilet-menu ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	text-align: center;
  }

  .mobilet-menu ul li a {
	display: block;
	color: white;
	text-decoration: none;
	transition: color 0.2s;
	font-family: Trebuchet MS;
	text-transform: uppercase;
	padding: 10px 0;
	transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	font-family: "PPNeueMachina-Ultrabold", sans-serif;
	font-weight: normal;
	font-variation-settings: normal;
	font-size: 19px;
	letter-spacing: 4px;
	color: #929b99;
	padding: 10px 0;
  }

  .mobilet-menu ul li a:hover {
	color: #315958;
  }

  .mobilet-menu ul li:hover {
	background: none;
  }

  .menuEffects {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s, visibility 0.5s;
  }

  .menuEffects ul {
	transform: translateY(100%);
	transition: all 0.5s;
  }

  #menuToggle:checked ~ .menuEffects {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.5s;
	z-index: 9999;
  }

  #menuToggle:checked ~ .menuEffects ul {
	transform: translateY(0%);
	opacity: 1;
  }

  #menuToggle:checked ~ .menuOpen .mobilet-open {
	background-color: transparent;
	z-index: 99999;
  }

  #menuToggle:checked ~ .menuOpen .mobilet-open:before {
	content: "";
	background-color: #929b99;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
  }

  #menuToggle:checked ~ .menuOpen .mobilet-open:after {
	content: "";
	background-color: #929b99;
	transform: rotate(-45deg);
	position: relative;
	top: 0;
	right: 0;
	z-index: 1;
  }

  #menuToggle:not(:checked) ~ .menuEffects ul {
	transform: translateY(5%);
  }
  }