/* hide Captcha */

.grecaptcha-badge { 
    visibility: hidden;
}


/*Homepage*/
.intro-blink-text {
    font-size: 8rem;
    font-weight: 800;
    line-height: 0.8;
}

.front-page-text {
	font-size: 2rem;
	font-weight: 800;
	line-height: 1.4;
    padding: 40px 80px 40px 0px;
}

.page-title {
	/*position: fixed;*/
	font-size: 2rem;
	font-weight: 800;
	line-height: 0.8;
	padding-top: 40px;
	padding-left: 40px;
	
}

.page-title a {
	color:#212529;
}

.page-title a:hover {
	color:#FF0057;
}

.prev-next_post_links {
	/*position: fixed;*/
	font-size: 1.6rem;
	font-weight: 800;
	line-height: 0.8;
	padding-bottom: 40px;
	padding-left: 10px;
	
}

.prev-next_post_links a {
	color:#212529;
}

.prev-next_post_links a:hover {
	color:#FF0057;
}

.intro-text a {
	color:#212529;
}

.intro-text a:hover {
	color:#212529;
}

.container-intro
{
    display: flex;
    align-items: center;
    justify-content: left;
    height: 60vh;
    padding-left: 40px;
}


.container-front
{
    display: flex;
    align-items: center;
    justify-content: left;
    /*height: 60vh;*/
    padding-left: 55px;
}

body 
	{
    background-image:url(../img/bg-tile.png);
    background-repeat:repeat;
    background-attachment: fixed;
}



.project-card {
	background-color: rgba(255,255,255,0.0);
	width:100%;
	height: auto;
	/*margin-top: 20px;*/
	/*margin-left: 20px;*/
	/*padding-right:20px;*/
	/*padding: 10px;*/
}

.image-holder {
	/*margin:10px;*/

}

.gallery-container {
	position: absolute;
	top: 100px;
	margin-left: 30px;
	margin-right: 30px;
}

.gallery-container-project {
	position: absolute;
	top: 100px;
	left:0;
	right:0;
/*	margin-left: 10px;
	margin-right: 10px;*/
}

.work-page-description {
	margin: -50px 10px 0px 10px;
	color: rgba(255,255,255,1);
	padding: 10px 20px 1px 10px;
	background-image: linear-gradient(to right, rgba(37,37,37,0.9), rgba(37,37,37,1));
	position: absolute;
}

.work-page-description h3{
	font-size: 1rem;
	font-weight: 800;
}

.work-page-description p{
	font-size: 0.8rem;

}

.project-description {
	background-color: rgba(255,255,255,1);
	
	/*padding:25px;*/
	/*width:100%;*/

}

.project-description h2{
	font-size: 2rem;
	font-weight: 800;
}

.project-description p{
	font-size: 1rem;
	
}

.project-image {
	width: 100%;
	height: 100%;
	padding-bottom: 20px;
}


/* project Element Padding */


.projectElement-h2 {
	padding: 25px 25px 0px 25px;
}

.projectElement-text_p{
	padding: 25px 25px 0px 25px;
}

.projectElement-video{
	padding: 25px 25px 0px 25px;
}

.projectElement-images{
	padding: 25px 25px 0px 25px;
}

.single-project-spacer {
	padding: 25px;
}

.projectElement-a {
	padding: 25px 25px 0px 25px;
	color: #FF0057;
}

.projectElement-a a:hover {
	color: #FF0057;
}


.rd-wp-featured-image img{
    width: 100%;
    height: 100%;
}


.owl-text-overlay {
  /*position: absolute;*/
  text-align: left;
  width: 100%;
/*  top: 10px;*/
/*  transform: translateY(-50%);*/
/*  left: 0;*/
/*  right: 20px;*/
/*  margin-left: auto;
  margin-right: auto;*/
  color: #fff;
  background-color: rgba(33,37,41, 1);
  /*background: rgba(0, 0, 0, 0.4);*/
  padding: 20px 0px 20px 40px;
  
  
}

h2.owl-title {
  font-size: 2rem;
  font-weight: 800;
  
}

p.owl-caption {
  font-size: 1rem;
  
}

/*.owl-nav {
position: absolute;
top: 50%;
font-size:3em;
color: #fff;
list-style: none;
}*/

.owl-nav {
	color: #FF0057;
	font-size: 2rem;
}

.owl-prev,
.owl-next {
/*color:#b03e46;*/

position: absolute;
top: 40%;
margin-top: -10px;

}
.owl-prev {
left: 5px;
padding: 10px;
margin-left: 20px;
}
.owl-next {
right: 5px;
padding: 10px;
margin-right: 20px;
}

.owl-dots {
	display:none;
}

.embed-container { 
		position: relative; 
		/*padding-bottom: 56.25%;*/
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* Nav Stuff*/

/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(71,5,95); /* Black fallback color */
    background-color: rgba(71, 5, 95, 1);
    overflow-x: hidden; /* Disable horizontal scroll */
    overflow-y: hidden;
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    font: 6rem;
    line-height: 0.9;
    /*letter-spacing: 2px;*/
    position: relative;
    top: 18%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: left; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    white-space: nowrap;

}

.ri-contact {
    
    position: relative;
    top: 20%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    white-space: nowrap;
    
}

.ri-contact-details {
    font: 6rem;
    text-align: center;
    color: #e1e1e1;
}

.ri-address {
    text-align: left;
    padding: 44px;
}

/* The navigation links inside the overlay */
.overlay ul {
    padding: 8px;
    text-decoration: none;
    list-style-type: none; 
    
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

.overlay a{
    text-decoration: none;
    color: #ebebeb;
    font-size: 8rem;
    font-weight: 800;
    /*padding-left: 40px;*/
}


.overlay li {
    padding-left:40px;
}


/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #FF0057;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 26px;
    font-size: 4rem;
    background-color: rgb(71,5,95);
    line-height: 0.9;
    // vertical-align: middle;
    height: 68px;
    width:68px;
}



.openbtn {
    position: fixed;
    top: 20px;
    right: 26px;
    cursor: pointer;
    font-size: 3em;
    z-index: 98;
    height: 68px;
    width: 68px;
    /*background-color: rgba(235,235,235, 0.8);*/
    line-height: 1.6;
    text-align: center;
    color: #212529;
    padding-top: 14;
}


/* contact shizzle */

/*.rc-anchor-pt{display:none;}

#recaptcha {
  display: inline-block;
  position: relative;
}

#recaptcha:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 3px;
    right: 5px;
    width: 100px;
    height: 70px;
    background-color: #f9f9f9;
}*/


.password-input-field {
	margin-top: 20px;
	font-size: 1rem;
	font-weight: 800;
	border: none;
	border-bottom: 2px solid #FF0057;
	height: 48px;
}

.password-input-button {
	padding: 15px;
	border-radius: 8px;
	margin: 30px 0px 30px 0px;
	font-size: 1rem;
	font-weight: 800;
	border-style: unset;
	background-color: rgb(71,5,95);
	color: #fff;
}

/* Contact Form 7 styling*/

.wpcf7-form-control {
	font-size: 1rem;
	font-weight: 800;
	border: none;
	border-bottom: 2px solid #FF0057;
	background-color: #f0f0f0;
	line-height: 40px;
	padding-left: 10px;
}

.wpcf7-submit {
	padding: 15px;
	border-radius: 8px;
	/*margin: 30px 0px 30px 0px;*/
	font-size: 1rem;
	font-weight: 800;
	border-style: unset;
	line-height: 20px;
	background-color: rgb(71,5,95);
	color: #fff;
}

.wpcf7-form label {
	font-size: 0.6rem;
}


/* Media Query stuff*/

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


		.intro-blink-text {
		    font-size: 4rem;
		    font-weight: 800;
		    line-height: 0.8;
		}

		.front-page-text {
			font-size: 1rem;
			font-weight: 800;
			line-height: 1.4;
			padding-top: 40px;
			/*padding-left: 10px;*/
			margin-top:-300px;

		}

		.page-title {
			
			font-size: 1rem;
			font-weight: 800;
			line-height: 0.8;
			padding-top: 40px;
			padding-left: 10px;
			
		}

		.overlay a{
		    text-decoration: none;
		    color: #ebebeb;
		    font-size: 5rem;
		    font-weight: 800;
		    
		}

		.overlay li {
		    padding-left:10px;
		}

		.container-intro
		{
		    display: flex;
		    align-items: center;
		    justify-content: left;
		    height: 60vh;
		    padding-left: 10px;
		}


		.gallery-container {
			position: absolute;
			top: 100px;
			margin-left: 0px;
			margin-right: 0px;
		}


		.container-front
		{
		    display: flex;
		    align-items: center;
		    justify-content: left;
		    /*height: 60vh;*/
		    padding-left: 25px;
		}
		
		.owl-text-overlay {
		  /*position: absolute;*/
		  text-align: left;
		  width: 100%;
		/*  top: 10px;*/
		/*  transform: translateY(-50%);*/
		/*  left: 0;*/
		/*  right: 20px;*/
		/*  margin-left: auto;
		  margin-right: auto;*/
		  color: #fff;
		  background-color: rgba(33,37,41, 1);
		  /*background: rgba(0, 0, 0, 0.4);*/
		  padding: 20px 0px 20px 10px;
		  
		  
		}

		h2.owl-title {
		  font-size: 2rem;
		  font-weight: 800;
		  
		}

		p.owl-caption {
		  font-size: 1rem;
		  
		}

		.openbtn {
		    position: fixed;
		    top: 15px;
		    right: -10px;
		    cursor: pointer;
		    font-size: 2em;
		    z-index: 98;
		    height: 68px;
		    width: 68px;
		    /*background-color: rgba(235,235,235, 0.8);*/
		    line-height: 1.6;
		    text-align: center;
		    color: #212529;
		    padding-top: 14;
		}

		.overlay .closebtn {
		    position: absolute;
		    top: 10px;
		    right: 10px;
		    font-size: 4rem;
		    background-color: rgb(71,5,95);
		    line-height: 0.9;
		    // vertical-align: middle;
		    height: 68px;
		    width:68px;
		}


		.projectElement-h2 {
			padding: 10px;
		}

		.projectElement-text_p{
			padding: 10px;
		}

		.projectElement-video{
			padding: 10px;
		}

		.projectElement-images{
			padding: 10px;
		}



}




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


		.intro-blink-text {
		    font-size: 3.51rem;
		    font-weight: 800;
		    line-height: 0.8;
		}

		.front-page-text {
			font-size: 1rem;
			font-weight: 800;
			line-height: 0.8;
			padding-top: 40px;
			/*padding-left: 10px;*/

		}

		.page-title {
			
			font-size: 0.8rem;
			font-weight: 800;
			line-height: 0.8;
			padding-top: 40px;
			padding-left: 10px;
			
		}

		.overlay a{
		    text-decoration: none;
		    color: #ebebeb;
		    font-size: 4rem;
		    font-weight: 800;
		    
		}

		.overlay li {
		    padding-left:10px;
		}

		.container-intro
		{
		    display: flex;
		    align-items: center;
		    justify-content: left;
		    height: 60vh;
		    padding-left: 10px;
		}


		.container-front
		{
		    display: flex;
		    align-items: center;
		    justify-content: left;
		    /*height: 60vh;*/
		    padding-left: 25px;
		}
		
		.owl-text-overlay {
		  /*position: absolute;*/
		  text-align: left;
		  width: 100%;
		/*  top: 10px;*/
		/*  transform: translateY(-50%);*/
		/*  left: 0;*/
		/*  right: 20px;*/
		/*  margin-left: auto;
		  margin-right: auto;*/
		  color: #fff;
		  background-color: rgba(33,37,41, 1);
		  /*background: rgba(0, 0, 0, 0.4);*/
		  padding: 20px 0px 20px 10px;
		  
		  
		}

		h2.owl-title {
		  font-size: 2rem;
		  font-weight: 800;
		  
		}

		p.owl-caption {
		  font-size: 0.8rem;
		  
		}

		.projectElement-h2 {
			padding: 10px;
		}

		.projectElement-text_p{
			padding: 10px;
		}

		.projectElement-video{
			padding: 10px;
		}

		.projectElement-images{
			padding: 10px;
		}


}



/* Container resizing for media Qs */

@media only screen and (min-width: 576px) {
	.container {
		max-width: 88%;
	}
}

@media only screen and (min-width: 768px) {
	.container {
		max-width: 92%;
	}
	.projectElement-text_p {
		max-width: 88%;
	}
}

@media only screen and (min-width: 992px) {
	.container {
		max-width: 92%;
	}
	.projectElement-text_p {
		max-width: 77%;
	}
}

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 94%;
	}
	.projectElement-text_p {
		max-width: 66%;
	}
}