/*
Theme Name: Pyromedia
Description: Custom theme created for Zane
Version: 2 / 2019

*/




/*
-webkit-
-moz-
-ms-
-o-



font-family: 'PT Sans', sans-serif;
font-family: 'Quicksand', sans-serif;
font-family: 'Roboto', sans-serif;

dark grey - #333333
orange - ff4900
light grey / bg - f0efed

*/


@media screen {






body {
	margin:0;
	padding:0;
	border:0;
	word-wrap:break-word;
	color:#000;
	
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	background-color:#ff4900;

}

 
 
img{
	border:0;
	max-width:100%;
	height:auto;
}




a{
	color:#ff4900;
	text-decoration:none;
 }
 
a:visited{
	color:#ff4900;
 }
 
a:hover {
	color:black;
} 

a:active {
}


.fa:hover {
  color:white;
}



p{
	font-family: 'Roboto', sans-serif;
}

ul, ol { 
	margin: 0 0 10px 0; 
}


li{
	margin-bottom:10px;
}

strong{
	font-weight: bold;
}



iframe{
	max-width:100%;
}


blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 1em 10px;
	quotes: "\201C""\201D""\2018""\2019";
	font-weight:600;
}
blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
	font-family:times;
}
blockquote p {
  display: inline;
}




h1, h2, h3, h4, h5, h6{
	font-family: 'Quicksand', sans-serif;
	font-weight:700;
}

h1.entry-title{
	text-align:center;
}


 
h1{
	font-size:40px;
	line-height:50px;
	text-align:center;
	margin-top:0;
}


h2{
	font-size:36px;
}
 
h3{
	font-size:30px; 
}

h3.widget-title{
	text-align:center;
}
 
h4{
	font-size:26px; 
}
 
h5{
	font-size:20px; 
}
 
h6{
	font-size:18px; 
}

hr {
	background-color:none;border:1px solid #ccc;border-style: none none dashed;color:none; 
}



	.border-round .elementor-column-wrap{
	border-radius: 25px !important;
}

		.border-round .elementor-element-populated{
	border-radius: 25px !important;
}

	.border-round img{
	border-radius: 25px !important;
}

	.border-round .elementor-progress-bar{
	border-radius: 25px !important;
}

	.border-round .elementor-progress-wrapper{
	border-radius: 25px !important;
}
	
	.border-round .elementor-background{
	border-radius: 25px !important;
}
	
	.border-round .elementor-background-overlay{
	border-radius: 25px !important;
}
	
	
	
	

.noshow{
	line-height:0;
	color:white;
	padding:0;
	margin:0;
		position:relative;
	z-index:-1;
}

.noshow h2{
	line-height:0;
	font-size:0;
}

.noshow p{
	line-height:0;
	font-size:0;
}




.center{
	text-align:center;
}



.columns .column:nth-child(2){
	margin-right:0;
}

.columns .column{
	width:47.5%;
	margin-right:5%;
	float:left;
}





.large-wrapper{
 max-width:1600px; 
 margin:0 auto; 
}

.wrapper{
 max-width:2000px; 
 margin:0 auto; 
}
 
.small-wrapper{
 max-width:1000px; 
 margin:0 auto; 
}

.text-wrapper{
 max-width:1000px; 
 margin:0 auto; 
}




 

.clear{
	clear:both;
}

.clear30{
	clear:both;
	height:30px;
}

.pretend-heading{
	font-weight:bold;
	font-size:30px;
}




a.button-link{
	background-color:#ff4900;	

	padding:10px 20px; 
	border-radius:10px; 
	transition:300ms; 
	display:inline-block; 
	text-decoration:none;

	margin:0;
	line-height:32px;
	font-size:26px;
	color:#fff;
	font-weight:bold;
	font-family: 'Quicksand', sans-serif;
	
	text-align:center;

}

a.button-link img{
	margin-bottom:-3px;
}
 
a.button-link:hover{
	background-color:#fff; 
	color:#333;
}



.wobble-pop a:hover {
		-moz-animation: pop 300ms ease;
		-webkit-animation: pop 300ms ease;
		animation: pop 300ms ease;
		
		color:#ff4900 !important;
}




#social{
	width:100px;
	float:left;
	margin-top:8px;
} 

#social a{
	text-decoration:none;
	margin-right:5px;
	font-size:20px;
}


#social a:hover{
	color:white;
}
 

.wobble-pop a:hover >  img {
		-moz-animation: pop 300ms ease;
		-webkit-animation: pop 300ms ease;
		animation: pop 300ms ease;
	
}





.sow-icon-container.sow-container-round:hover {
    color: #ff4b00 !important;
}



@keyframes pop {
		0% {
				transform: scale(1, 1);
		}
		35% {
				transform: scale(1.3, 1.3);
		}
		50% {
				transform: scale(1, 1);
		}
		85% {
				transform: scale(1.1, 1.1);
		}
		100% {
				transform: scale(1, 1);
		}
}






.flame-container{
	position:relative;
	width:100%;
	height:38px;
	margin:0 auto;
	text-align:center;
}

a.flame-button button{
	
	background-color:#ff4900;	

	padding:10px 20px; 
	border-radius:10px; 
 
	display:inline-block; 
	text-decoration:none;

	line-height:32px;
	font-size:30px;
	color:#fff;
	font-weight:bold;
	font-family: 'Quicksand', sans-serif;	
	position:relative;
	z-index:2;
	

}

a.flame-button:hover > button{
	background-color:#fff; 
	color:#333;
}


a.flame-button img{
	display:none;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);

}



a.flame-button:hover > img{
	display:block;
}



#flame-banner a.flame-button button{
	font-size:18px;
	line-height:24px;
}


a#video-button:hover{
	background-color:#000;
	color:white;
}


#flame-banner{
	margin-top:60px;
}

#flame-banner a.flame-button button{
	background-color:#333; 
	color:#fff;
}


#flame-banner a.flame-button:hover > button{
	color:#ff4900;
}

#flame-banner a.flame-button img{
	filter: brightness(0) invert(1);
	max-height: 88px;
	width: 232px;
}







#top-nav{
	 background-color:#333333;
	 position:relative;
	 z-index:6;
	 width:100%;
 }
 
#full-menu{
	width:calc(100% - 100px);
	float:left;
	position:relative;
	z-index:21;
}







#logo{
	position:absolute;
	z-index:5;
	max-width:400px;
	margin:0 auto;
	left:0;
	right:0;
	margin-top:30px;
}


#logo a:hover > #logo-image {
		display: none;
}

#logo a:hover > #logo-animated {
		display: block;
}

#logo-animated {
		display: none;
}


#banner{
	height:900px;
	background:transparent;
	position:relative;
	padding-top:50px;
	overflow:hidden;
	background-color:#f0efed;
}

#banner .wrapper{
 position:relative;

}


#launch{
	max-width:182px;
	margin:0 auto;
	margin-top:30px;
}



#cloud1{
  position: absolute;
  top:0;
  left:0;
	margin-top:100px;
	margin-left:-200px;
	z-index:1;
}

#cloud2{
  position: absolute;
  top:0;
  right:0;
	margin-top:-50px;
	margin-right:-500px;
	z-index:2;
}



#cloud3{
  position: absolute;
  top:0;
  left:0;
	margin-top:300px;
	margin-left:-70px;
	z-index:1;
}

#cloud4{
  position: absolute;
  top:0;
  right:0;
	margin-top:580px;
	margin-right:25px;
	z-index:2;
}

#cloud4 img{
	max-width:350px;
}



#island1{
  position: absolute;
  top:0;
  left:0;
	margin-top:330px;
	margin-left:-90px;
	z-index:2;
}

#island1 img{
	width:500px;
}

#island2{
  position: absolute;
  top:0;
  right:0;
	margin-top:450px;
	margin-right:-200px;
	z-index:1;
}

#island2 img{
	max-width:350px;
}

#island3{
  position: absolute;
  top:0;
  right:0;
	margin-top:90px;
	margin-right:150px;
	z-index:1;
}

#island3 img{
	max-width:250px;
}



#cloudbank1{
	position:absolute;
	bottom:0;
	width:120%;
	z-index:4;
	line-height:0;
	right:0;
}

#cloudbank1 img, 
#cloudbank2 img{
	width:120%;
}

#cloudbank2{
	position:absolute;
	bottom:20px;
	width:120%;
	z-index:3;
	line-height:0;
}






#page-banner{
	height:335px;
	width:100%;
	position:relative;
	overflow:hidden;
	background-size:cover;
	background-position:center center;
	background-color:#f0efed;
}

#page-banner #cloud2{
  position: absolute;
  top:0;
  right:0;
	margin-top:21px;
	margin-right:-155px;
	z-index:4;
}

#page-banner #cloud2 img{
	width:700px;
}


#contact-header{
	display:none;
}

.padding{
	padding:40px 0;
}











#street img{
	width:100%;
}

#street{
	line-height:0;
	background-color:white;
}

#street-text{
	background-color:#333;
	min-height:50px;
	width:100%;
	padding-bottom:50px;
}

.street-block{
	width:13%;
	float:left;
	margin-right:1%;
}

#street-blocks .street-block:last-child{
	margin-right:0;
}

.street-block h4, 
.street-block p{
	color:white;
	margin:0;
	font-family: 'PT Sans', sans-serif;	
}


.street-block p{
	font-size:16px;
}



















.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	width: 100%;
	height: auto;
}

.wp-custom-header{
	position:relative;
}

.wp-custom-header-video-button{
	position:absolute;
	right:0;
	top:0;
}


.general-content{
	padding:40px 0;
	background-color:white;
}


.white-content{
	padding:40px 0 0 0;
	background-color:white;


}

.dark-content{
	padding:40px 0;
	background-color:#4f4f4f;
	background-image:linear-gradient(75deg, #4f4f4f, #666, #4f4f4f);
}

.dark-content h1{

	margin:0;
}

.dark-content iframe{
	border:15px solid #333;
	max-width:calc(100% - 30px);
}

#post-video{
	width:calc(70% - 15px);
	margin-right:15px;
	float:left;
}

#post-video iframe{
	margin-bottom:15px;
}

#post-thumbs .post-thumb:nth-child(3){
	margin-right:0;
}

.post-thumb{
	width:calc(33.9% - 67px);
	margin-right:15px;
	float:left;
	
	background-color:#333;
	padding:15px;
}

.post-thumb p{
	margin:10px 0 0 0;
	font-size:14px;
}

.post-thumb-image{
	background-size:cover;
	background-position:center center;
	height:230px;	

}




#post-info{
	width:30%;
	float:left;
}

.post-box{
	background-color:#333;
	padding:15px;
	margin-bottom:15px;
}

.post-box h5{
	margin:0;
}

.post-box p, 
.post-box li{
	font-size:14px;
	line-height:20px;
	margin:5px 0;
}

table.single-project-meta{
	margin-top:10px;
}
.single-project-meta td:first-child{
	text-align:center;
	padding-right:10px;
}


#post-tags p{
	margin:0;
	font-size:14px;
	text-align:center;
}

.loop{
	border-bottom:1px solid #eee;
	padding:20px 0;
}



.loop-image{
	float:left;
	margin-right:30px;
}

.loop-text{
	
}



.loop h4{
	margin:0;
	line-height:24px;
}

.loop .post-tags{
}

.loop .post-tags a{
	color:#929292;
}

.loop .date{
	font-size:12px;
	color:#929292;
}





.post-tags a{
	font-size:10px;
	color:#ddd;
	text-transform:uppercase;
	text-decoration:none;
}

.post-tags a:hover{
	color:#ff4900;
}



#post-title{
	margin-bottom:15px;
}


#post-map{
	padding:0 15px 15px 15px;
}






.light-text,
.light-text p, 
.light-text h1, 
.light-text h2,
.light-text h3, 
.light-text h4, 
.light-text h5, 
.light-text h6
.light-text li, 
.light-text td{
	color:white;
}

.light-text a{
	color:#eee;
}

.light-text a:visited{
	color:#eee;
}

.light-text a:hover{
	color:#ff4900;
}


/*
border:#333
*/



#services{
	background-image:url(images/banner-background.jpg);
	background-size:cover;
	background-position:center center;
	padding:40px 0;
}

#services h2{
	color:white;
}

.service-box{
	width:31.3%;
	margin-right:3%;
	margin-bottom:3%;
	float:left;
	position:relative;
	border-radius: 10px;
	overflow: hidden;
	
	background-size:cover;
	height:250px;
	background-position:center center;
}

.service-box-overlay{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image: linear-gradient(161deg, 
	white 37%,
	rgba(255,255,255,0.9) 47%, 
	rgba(255,255,255,0.7) 53%, 
	rgba(255,255,255,0.5) 60%, 
	rgba(255,255,255,0.3) 66%, 
	transparent 74%);
}

#service-boxes .service-box:nth-child(3n+3){
	margin-right:0;
}

.service-box-text{
	position:absolute;
	top:0;
	left:0;
	margin:8%;
}

.service-box-text p, 
.service-box-text h5, 
.service-box-text a{
	margin:0 0 5px 0;
	font-weight: 500;
} 



.service-box img{
	width:100%;
}




.service-box button{
	background-color:#ff4900;
	border-radius:5px;
	margin:10px 0;
	position:absolute;
	bottom:8%;
	left:8%;
	
}

.service-box button a{
	color:white;
	font-size:18px;
}








.dark-grey-content{
	padding:40px 0;
	background-color:#4f4f4f;	
}

.dark-grey-content h2{
	color:white;
}




#testimonial-rotator{
	color:white;
	font-size:16px;
	line-height:22px;
}


.fa-chevron-left:before {
    content: "\22B2";
    color: orange;
}

.fa-chevron-right:before {
    content: "\22B3";
    color: orange;
}







#mid-banner{
	background-size:cover;
	padding:80px 0;
	background-position:center center;
	text-align:center;
}

#mid-banner p{
	font-family: 'Quicksand', sans-serif;
}

#mid-banner p.mid-banner-title{
	font-size:32px;
	line-height:36px;
	font-weight:bold;
	margin:0 0 10px 0;
}

#mid-banner p.mid-banner-subtitle{
	font-size:22px;
	margin:0;
}

.firstword-color{
	color:black;
}




#projects-content{
	padding:1px 0 40px 0;
	background-color:#4f4f4f;	
}


#projects-content h1{
	color:white;
	margin:30px 0 0 10px;
	
}

.projects-category-description p{
	text-align:center;
	color:#eee;
	margin-bottom:30px;
}


.project-box{
	width:22.7%;
	margin-right:3%;
	margin-bottom:3%;
	float:left;
	position:relative;
}

#project-boxes .project-box:nth-child(4n+4){
	margin-right:0;
}

#project-boxes .project-box:nth-child(4n+5){
	clear:both;
}

.project-box h5{
	margin:15px 0 0 0;
}

.project-box a{
	text-decoration:none;
	color:white;
}

.project-box a:hover{
	color:#ff4900;
}





.project-box p{
	margin:2px 0;
	color:#ccc;
	font-weight:400;
	font-size:14px;
}

.project-box-image{
	position:relative;
}

.project-box-image img{
	display:block;
}

.project-box-overlay{
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgb(0, 0, 0, 0.5);
	
	transition-duration:300ms;
}

.project-box-overlay a.button-link{
	padding:5px 10px; 
	line-height:24px;
	font-size:18px;
}

.project-overlay-links a.button-link:first-child{
	margin-right:15px;
}

.project-overlay-links{
	position:relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);	
	display:inline-block;
}

.project-box-image:hover > .project-box-overlay{
	opacity:1;
	cursor:pointer;
}











.popup-overlay {
  position: fixed;
	z-index:10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  display:none;
}

.popup-overlay:target {
  display:block;
}

.display-none{
	display:none !important;
}

.popup {
  margin: 70px auto;
  max-width: 800px;
  position: relative;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}

.close-box{
  position: absolute;
  top: -0px;
  right: 0;s
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;	
}

.popup .close {
  position: absolute;
  top: -30px;
  right: 0;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
	cursor:pointer;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

.project-box #close{
	
}

div[id^="close"] {
	position:absolute;
	z-index:10;
	top:-30vh;
}

.video-embed{
	background-color:black;
	width:100%;
	height:100%;
}






#testimonial-project{
	background-color:#333;
	padding:80px 0;
}

#testimonial-project .text-wrapper{
	display: flex;
	justify-content: center;
	 align-items: center;
}

#testimonial-project .text-wrapper > div{
	max-width:40%;
	margin:0 5%;
}

#testimonial-project p{
	color:white;
}

#testimonial-project p#testimonial-quote{
	font-family: 'Passion One', cursive;
	font-size:54px;
	margin:0;
	line-height:20px;
}

#testimonial-project p#testimonial-name{
	font-family: 'Yellowtail', cursive;
	font-size:24px;
	margin:0;
}

#testimonial-project p#testimonial-position{
	font-size:12px;
	text-transform:uppercase;
	color:#b5b5b5;
	margin:0;
}



#cta-project-banner{
	background-image:url(images/orange-bg.jpg);
	background-size:cover;
	background-position:center center;
	padding:80px 0;
}

#cta-project-banner-box{
	max-width:600px;
	margin:0 auto;
	text-align:center;
}

#cta-project-banner-box p:first-child{
	font-size: 30px;
font-weight: 600;
line-height: 30px;
}

#cta-project-banner-box p:nth-child(2){
	font-size: 18px;
font-weight: 400;
line-height: 24px;
}





#footer{
	width:100%;
	line-height:0;
	border:0 !important;
}

#footer img{
	width:100%;
margin-bottom:-4px; /* the image just wont get rid of that white space underneath no matter i do*/
line-height:0;
display:block;
	border:0 !important;
}










#mainbar{
	float:left;
	width:calc(95% - 320px);
	margin-right:5%;
	
}

#sidebar-primary{
	background-color:#f0efed;
	float:right;
	width:280px;
	padding:20px;
	border-radius:10px;
}


img.avatar{
	float:left;
	margin:0 20px 10px 0;
	width:50px;
}



.pagination{
	background-color:#fff;
	text-align:center;
	padding:30px 0;
	
}

.pagination a.prev{
	
}

.pagination a.next{
	
}

.pagination a.page-numbers{
	background-color:#fafafa;
	padding:5px 10px;
border-radius:3px;
}

.pagination a.page-numbers:hover{
	background-color:#ff4900;
	color:#fff;
}








/* blog */
#blog-columns {

   
	-webkit-column-count: 3;
	-moz-column-count:    3;
	column-count:         3;

  -webkit-column-gap:   0;
  -moz-column-gap:      0;
  column-gap:           15px;  
	
	padding-bottom:0;
	background-color:#fff;
}

.blog{
	overflow:auto;
	background-color:#f0efed;
	padding:5%;
	margin-bottom:15px;
}

.blog-image{
	background-size:cover;
	height:230px;
	width:100%;
}

.blog h3{
	margin:10px 0 0 0;
}

.blog-meta{
	font-size:13px;
}


.blog img {
  width: 100% !important;
  height: auto !important;
	margin-bottom:15px;
}

#mainbar h1{
	text-align:left;
	margin-bottom:0;
}


















p.widget-title{
	font-family: 'Quicksand', sans-serif;
	font-size:25px;
	font-weight:bold;
	margin:0 0 5px 0;
}

/*call us - quicksand bold 25px, pt sans bold 20px */



#sidebar-footer{
	background-color:#333;
	padding:20px 0 40px;
	color:white;
	text-align:center;

}

#sidebar-footer p, 
#sidebar-footer li{
	color:#fff;
}

#sidebar-footer a{
	color:#ff4900;
	text-decoration:none;
}


#sidebar-footer .wrapper{
	display:flex;
	flex-wrap:nowrap;	
	/* align-items: center; */
  justify-content: space-evenly;
}


.widget-content{
	margin-bottom:30px;
	padding-bottom: 18px;	
}





/* Fast secure contact form styling */

#casting-form fieldset     { 
	width:92%; 
	border:0;
	max-width:800px; 
	margin:0 auto;
	border-radius:20px;
	background-color:#f2f2f2;
	padding:4%;
}

#casting-form label{
	font-weight:bold;
	font-size:16px;
	margin-bottom:6px;;
	display:inline-block;
	margin-top:5px;
}

#casting-form input[type=text], 
#casting-form textarea{
	border-radius:20px;
	border: 1px solid #c0c0c0;
	width:100%;
	background-color:white;
	margin-bottom:0;
}

#casting-form label span{
	color:#ff4900;
}


#casting-form label.fscf-option-label{
	font-weight:normal;
	margin-top:0;
}

#casting-form .fscf-div-captcha-m{
	margin:20px 0;
}

#casting-form .fscf-div-clear{
	margin-bottom:20px;
}

#casting-form .fscf-div-error{
	color:#ff4900;
}

#casting-form .fscf-div-submit{
	margin-top:20px;
}

























#top{
	width:76px;
	margin:0 auto;
	position:fixed;
	bottom:10px;
	right:30px;
	
}



#top img{
	display:block;
	margin-bottom:-1px;

}




#copyright{
	background-color:#333;
	position:relative;
	text-align:center;
	padding:10px 0;
	color:#ccc;
	font-size:small;
} 
 
 
 
 
 
 
 









 
/*main menu*/

#menu-wrapper ul{
	margin:0;
	padding:0;
	z-index:21;
/*	float:right; */
}


#menu-wrapper li{
	float:left;
	list-style:none;
	position:relative;
	margin-bottom:0;
	margin-top:-6px;
/* Change the following value to push the sub menu down - haerver the submenu top: value is change it to be the same*/	
	height:43px;
}

#menu-wrapper a{
	padding: 8px 15px;
	text-decoration:none;
	color:#ddd;
	font-size:18px;
	line-height:46px;
	font-family: 'PT Sans', sans-serif;
	
}

#menu-wrapper li.current-menu-item a{
	color:white;
	background-color:#ff4900;
}

#menu-wrapper a:hover{
	background-color:#ff4900;
	cursor:pointer;
	color:#fff;

	
-webkit-transition-duration: 300ms; 
-moz-transition-duration: 300ms;
-o-transition-duration: 300ms;
transition-duration: 300ms;
}





ul.sub-menu{
	left: unset !important;
  transform: translateX(0) !important;
}

#menu-wrapper ul li .sub-menu{
	position:absolute;
	z-index:100;
	background-color:#fff;
	margin-left:0;
	top:43px;
	display:none;
}

#menu-wrapper ul li:hover > ul.sub-menu{
	display:block;
	background-color:#fcfcfc;
}


#menu-wrapper ul li .sub-menu li{
	float:none;
	width:230px;
	height:auto !important;
	list-style:outside none;
	margin:0;
	
}

#menu-wrapper ul li .sub-menu li ul{
	margin-left:240px;
	margin-top:-27px;
	top:27px;
}

#menu-wrapper ul li .sub-menu ul{
	background-color:#fcfcfc;
}




#menu-wrapper ul li .sub-menu a{
	padding:5px 10px;
	line-height:20px;
	display:block;	
	color:#555;
	font-size:15px;
	background-color:white;
	

}



#menu-wrapper ul li .sub-menu a:hover{
	color:#ff4900 !important;
	background-color:#f3f3f3;
}

#menu-wrapper ul li .sub-menu a:visited{
	color:#555;
}



/*END Main Menu */













/* Projects Menu */
#projects-menu{
	background-color:white;
}

#projects-menu ul{
		margin:0;
	padding:0;
	position:relative;
	left: 50%;
	transform: translateX(-50%);	
	display:inline-block;	
	height: 50px;
	line-height: 50px;	
}

#projects-menu li{
	display:inline-block;
	position:relative;
}

#projects-menu li a{
	text-decoration:none;
	padding:1px 10px;
	color:#555;
	font-weight:500;
	font-size:15px;
	border-right:1px solid #555;
}

#projects-menu li:last-child > a{
	border:0;
}

#projects-menu li a:visited{
	color:#555;
}

#projects-menu li a:hover{
	color:#ff4900;
}

#projects-menu li.current-menu-item > a{
	color:#ff4900;
}

#projects-menu li.current-menu-item:after {
	content: url('images/triangle.png');
	position: absolute;
	bottom: -34px;
	left: 0;
	right: 0;
	text-align: center;		
}
/* END Projects Menu */













#responsivemenu{
	display:none;
	clear:both;
	position:relative;
	z-index:500;
	font-size:16px;
	color:#666;
}

.menubutton{
	background-color:#fff;
	color:#000;
	font-weight:bold;
	float:right;
	cursor:pointer;
	width: 94%;
	padding:10px 3%;
	height:30px;
	position:relative;
	z-index:5;
}

.menubutton img{
	padding-top:5px;
}

.menubutton p{
	line-height:30px;
	font-family: opensans,"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:16px;
	margin:0;
}

#hiddenmenu{
	display:none;
	position:relative;
	z-index:200;
	width:100%;
	background-color:#f6f6f6;
}

#hiddenmenu .current-menu-item a{
	background-color:transparent !important;
}

#hiddenmenu ul{
	margin:0;
	padding:0;
}

#hiddenmenu ul li{
	list-style:none;
	line-height:1.1em;
	margin-bottom:0 !important;	
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}


#hiddenmenu ul li:last-child{
	border-bottom:0;
}



#hiddenmenu ul li a{
	color:#000;
	font-family: opensans,"Trebuchet MS",Arial,Helvetica,sans-serif;
	width:100%;
	display:block;
	padding:10px 3%;
		
}

#hiddenmenu ul li ul.sub-menu{
	background:#f1f1f1;
}

#hiddenmenu ul li ul.sub-menu li
{
	padding-left:20px !important;
	font-size:12px !important;
	background-image:none !important;
	margin-bottom:0 !important;
	padding-bottom:0;
		border-bottom:1px solid #ccc;
}


#hiddenmenu ul li ul.sub-menu li:last-child{
	border-bottom:0;
}

#hiddenmenu ul li li a{
	padding:10px 3%;
}

#hiddenmenu ul li a:active{
	background: #ff4900;
}

#hiddenmenu ul li ul.sub-menu li li{
	background:#eee;
}


#hiddenmenu ul li ul.sub-menu li li li{
	background:#fff;
}












.navigation{
}

.navigation-responsive{
	display:none;
}

.prev-posts, 
.next-posts {
	position:fixed;
	top:0;
	height:100%;
	width:50px;
	background-color:#ff4900;
	z-index:5;
	
}

.prev-posts{
	left:0;
}

.next-posts{
	right:0;
}



.prev-posts a, 
.next-posts a{
	color:white;
}

.prev-posts a, 
.next-posts a{
	
	top: calc(50% - 20px);
	display: block;

	text-align: center;
	position: fixed;


	color: #000;
	text-decoration: none;
	font-size: 21px;
	line-height: 50px;
	z-index: 300;
	width:500px;
}


.prev-posts a{
	transform: rotate(-90deg);
	left: -225px;
}

.next-posts a{
	transform: rotate(90deg);
	right: -225px;
}



.prev-posts a:hover, 
.next-posts :hover{
	color:white;
	transition-duration:300ms;
}






	 
	 
	 

	 
	 
/* Accessibility */
.skip-link {
    position: absolute;
    top:-100px;
 
    /* Styled to match the default WordPress screen reader text */
    background-color: #f1f1f1;
    -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    color: #21759b;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    left:6px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
 
    -webkit-transition: top .75s ease-out;
    transition: top .75s ease-out;
}
 
.skip-link:focus {
    color: #21759b;
    top: 7px;
 
    -webkit-transition: top 0s;
    transition: top 0s;
}




/* forms */	 

input {
	line-height: normal;
}





button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
	background-color: #ff4900;
	border: 0;
	color: #fff;
	padding: 10px 30px;
	cursor:pointer;
	
	font-size:18px;	
	border-radius:10px;
	font-weight:bold;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: black;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}





input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
	background: #f7f7f7;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #686868;
	padding: 0.625em 0.4375em;
	width: 96%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	background-color: #fff;
	border-color: #007acc;
	color: #1a1a1a;
	outline: 0;
}

.post-password-form {
	margin-bottom: 1.75em;
}

.post-password-form label {
	color: #686868;
	display: block;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 1.75em;
	text-transform: uppercase;
}

.post-password-form input[type="password"] {
	margin-top: 0.4375em;
}

.post-password-form > :last-child {
	margin-bottom: 0;
}

.search-form {
	position: relative;
}

input[type="search"].search-field {
	border-radius: 2px 0 0 2px;
	width: -webkit-calc(100% - 42px);
	width: calc(100% - 42px);
}

.search-submit:before {
	content: "\f400";
	font-size: 24px;
	left: 2px;
	line-height: 42px;
	position: relative;
	width: 40px;
}

.search-submit {
	border-radius: 0 2px 2px 0;
	bottom: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
}




	 

	 
	 
	 
	 
	 
	 





/* captions */
.wp-caption {
	max-width: 100%;
	background-color:#000;
	padding:10px;	
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
	margin:0;
	width:100%;
}

p.wp-caption-text {
	color: #d6d6d6;
	text-align:center;
	font-size:20px;
	margin:15px 0 5px 0;
	text-transform:uppercase;
}



.wp-caption.alignnone {}
.wp-caption.alignright {
	float:right; 
	margin:0 0 10px 30px;

}
	 
.wp-caption.alignleft {
	float:left; 
	margin:0 30px 10px 0;
}
	
.wp-caption.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
}

















/* gallery */

.gallery {
	margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	text-align: center;
	vertical-align: top;
	width: 100%;
	background:#000;
	margin:1%;
	padding:1%;
}

.gallery-item img{
	border:none !important;
}

.gallery-columns-1 .gallery-item {
	max-width: 96%;
}

.gallery-columns-2 .gallery-item {
	max-width: 46%;
}

.gallery-columns-4 .gallery-item {
	max-width: 21%;
}

.gallery-columns-5 .gallery-item {
	max-width: 16%;
}

.gallery-columns-6 .gallery-item {
	max-width: 12%;
}

.gallery-columns-7 .gallery-item {
	max-width: 10%;
}

.gallery-columns-8 .gallery-item {
	max-width: 8%;
}

.gallery-columns-9 .gallery-item {
	max-width: 7%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #eee;
	display: block;
	text-transform:uppercase;
	font-size:16px;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}









.alignleft{
	float:left;
}

.alignright{
	float:right;
}




/*image caption styling*/
/* Some basic styles for images in posts and pages in Wordpress */

img.alignnone {}
img.alignright {
	float:right; 
	margin:0 0 1em 1em; 
	}
	
img.alignleft {
	float:left; 
	margin:0 1em 1em 0;
	}
	
img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	}
	
a img.alignright {
	float:right; 
	margin:0 0 1em 1em;
	 }
	 
a img.alignleft {
	float:left; 
	margin:0 1em 1em 0;
	}
	
a img.aligncenter {
	display: block;
	margin-left: auto; 
	margin-right: auto; 
	}
	
	



	
	








/* comments */
.comments-area {
	margin: 0 7.6923% 3.5em;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 1.75em;
}

.comments-title,
.comment-reply-title {
	border-top: 4px solid #ccc;

}

.comments-title {
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid #d1d1d1;
	padding: 1.75em 0;
}

.comment-list .children {
	list-style: none;
	margin: 0;
}

.comment-list .children > li {
	padding-left: 0.875em;
}

.comment-author {
	color: #1a1a1a;
	margin-bottom: 0.4375em;
}

.comment-author .avatar {
	float: left;
	height: 28px;
	margin-right: 0.875em;
	position: relative;
	width: 28px;
}

.bypostauthor > article .fn:after {
	content: "\f304";
	left: 3px;
	position: relative;
	top: 5px;
}

.comment-metadata,
.pingback .edit-link {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

.comment-metadata {
	margin-bottom: 2.1538461538em;
}

.comment-metadata a,
.pingback .comment-edit-link {
	color: #686868;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
	color: #007acc;
}

.comment-metadata .edit-link,
.pingback .edit-link {
	display: inline-block;
}

.comment-metadata .edit-link:before,
.pingback .edit-link:before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-reply-link {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #007acc;
	display: inline-block;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
	margin-top: 2.1538461538em;
	padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
	border-color: currentColor;
	color: #007acc;
	outline: 0;
}

.comment-form {
	padding-top: 1.75em;
}

.comment-form label {
	color: #686868;
	display: block;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

.comment-list .comment-form {
	padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-bottom: 2.1538461538em;
}

.no-comments {
	border-top: 1px solid #d1d1d1;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-weight: 700;
	margin: 0;
	padding-top: 1.75em;
}

.comment-navigation + .no-comments {
	border-top: 0;
	padding-top: 0;
}

.form-allowed-tags code {
	font-family: Inconsolata, monospace;
}

.form-submit {
	margin-bottom: 0;
}

.required {
	color: #007acc;
	font-family: Merriweather, Georgia, serif;
}

.comment-reply-title small {
	font-size: 100%;
}

.comment-reply-title small a {
	border: 0;
	float: right;
	height: 32px;
	overflow: hidden;
	width: 26px;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
	color: #1a1a1a;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: -5px;
}








form { }
input[type=text] {
	margin-bottom:15px;
	padding:10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px; 
	border: 1px solid #ccc;
	color:#666;
	background-color:white;

}

textarea {
	margin-bottom:10px;
	padding:5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px; 
	border: 1px solid #ccc;
	color:#666;
}

#submit{
	background-color: #555;
	padding: 5px 20px;
	text-align: center;
	display:inline-block;
	border:0;
	color:#fff;
	font-size:14px;
}

#submit:hover{
	background-color: #f0f0f0;
	cursor:pointer;
	color:#000;
}


} /* END screen media */

















@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */