/*!
Theme Name: Bootstrap Starter Theme
Theme URI: https://them.es/starter
Author: Elijah Wasserman
Author URI: http://www.elijahwasserman.com
Description: design portfolio
Version: 3.6.0
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: bootstrap-starter-theme
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */

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

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

.bypostauthor {
	font-weight: bold;
}

/* 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 {
	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. */
}











/* my styles*/


hr.rule{
}
    display:block;

}
hr.rule-content-top{
    
    margin-bottom: -20rem;
   background-color:#666;
    border-top: 1px solid #676767;    	
    display:block;
    margin: 0;
}





ul.footer-nav{
    margin-left:-4rem;
}




.site-info{
	display:none;
}




ul#menu li {
    text-align: center;
    display:inline;
    margin:auto;
        padding-left: 40px;


}

.navbar{
    align-items: right;
    grid-row: ;
    padding-left: 40px;
}

.entry-content{
font-family: 'Open Sans', sans-serif;
    color:azure;
    font-size:1.5em;
    margin: 1em;
}



.entry-content h3 {
    font-family: 'Open Sans', sans-serif;
    color: #6f6f6f;
    font-size: 1.5em;
}

.entry-content p {
font-family: 'Open Sans', sans-serif;
    color: azure;
    font-size: 22px;
    margin: 2rem;
    line-height: 3rem;
    margin: auto;
}


.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5,{
	font-family: 'Spartan', sans-serif;
    font-size:2em;
    margin:2rem;
    font-weight:100;

}
}
footer a{

	font-family: 'Spartan', sans-serif;
	color:#FFF;
}

footer{
	font-family: 'Spartan', sans-serif;
	color:#000;
	background-color: #000;
	background: -webkit-linear-gradient(-45deg, #eeaeca, #94bbe9,#b2d4ba,#eeaeca );
  background-clip: border-box;
}
footer p{
font-size: 1.24em;
	font-family: 'Spartan', sans-serif;
	color:#FFF;
}
footer p a{
	font-size: 1em;
	font-family: 'Spartan', sans-serif;
	color:#FFF;
}

footer div p a{
	font-size: 1em;
	font-family: 'Spartan', sans-serif;
	color:#FFF;
}
footer h6{
	color:#FFF;
	font-family: 'Spartan', sans-serif;

}

.site-footer{
	background-color: #000;
    width: 100%;

}
 .footer-text{
 	font-size:.45em;
    font-weight: bold;

 }

  .footer-text p.addy{
 	font-size:.4em;
 }

footer#colophon.site-footer{
	background-color: #000;
    margin-bottom: 0;
    width: 100%;
}



.footer-navigation-container{
	background-color: #000;
	display: inline;
	list-style-type: none;
    margin:auto;
    margin-right:100px;
}

}
.footer-navigation-container ul{
	width:100%;
	list-style-image: none;
	list-style-type: none;
    margin:auto;


}

.footer-navigation-container ul li{
	width:100%;
	text-align:center;
	display: inline;
	list-style-image: none;
	list-style-type: none;
	font-size: 3em;
	margin:auto;
      font-weight: bold;


}


.footer-navigation-container ul li a{
	font-family: 'Open Sans', sans-serif;
    color:floralwhite;
}

.footer-navigation-container ul li a :hover{
	background-color: #222;
	font-family: 'Spartan', sans-serif;
    text-decoration: underline;	
}


.footer-copyright{
	color: #FFF;
  font-size: .5em;
  font-weight: bold;
}
}

.container-fluid .footer .copyright{
	width:100%;
	display: inline;
    text-align: center;
    color:floralwhite;
   	margin:auto;

}






.colophon .site-footer p{
	width:100%;
	text-align:center;
	font-size: 3em;
	margin:auto;


}
p .copyright{
	width:100%;
	text-align:center;
	font-size: 3em;
	margin:auto;


}



.container a{
    color:#666;
    margin:0;}

.container a:hover{
    color:#888;
    text-decoration: underline;
}



.container-fluid .logo{
    text-align:left;
    float: left;
    position: inherit;
    z-index: 9999;
    cursor: pointer;
}




.fadeIn {
  animation: fadeIn 5s ease;
  
}

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





.rule-nav-bottom{
    margin-top: 200px;
    padding-top: 200px;
}




p#dateandtime{

    border-left:2em;
    border-color: floralwhite;
    border-width: thick;
    text-align: center;

}

#dateandtime{
	color:floralwhite;
    font-family: 'Open Sans', sans-serif;

}

.date{
	display: inline;
}


}

.row{
    background-color:#222;
}



.social-icons {
    float: right;
    margin: 6em 0 0 55px;
        margin-top: 6em;
    margin-top: -58px;
    display: inline;
    float: right;
}
.social-icons ul{
        float:right;

}

.social-icons ul li {
    padding: 1.5em;
    list-style-type: none;
    display: block;
    display: inline;
    color: #fff;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
}



/*    grow hover effect*/
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*  end  grow hover effect*/



/*    pulse hover effect*/
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
      font-size:16px;
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.hvr-pulse a:hover,  {
  color: antiquewhite;
}
/*   end  pulse hover effect*/




/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
  border-radius: 1em;
}


/* end Round Corners */




h1{

	font-family: 'Spartan', sans-serif;
    color:floralwhite;
 	line-height: 1.5em;
 	font-weight: 100;


}




#masthead .site-branding .container-fluid #logo span a:hover{  
    text-decoration: line-through;
    background-color:#888;
}








div.logo a{  
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
     -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  background: -webkit-linear-gradient(-45deg, #eeaeca, #94bbe9 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;


}



@-webkit-keyframes logoGradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes logogGradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}






div.logo a{  
	margin:40px 0 0 2rem;
    color: antiquewhite;
}



div.logo a:hover{  
	text-decoration: line-through;
    background-color:#888;
}


.mailing-list-sign-up-link a {
  text-align: right;
  font-family: 'Spartan', sans-serif;
  color: #fa0e67;
  float: right;
  margin-right: 1.5rem;
  margin-top: 7px;
  font-size: 14px;
}



.mailing-list-sign-up-link .envelope{
    text-align: center;
    
  background: -webkit-linear-gradient(-45deg, #eeaeca, #94bbe9 );
}



.mailing-list-sign-up-link {
    display: block;
    float: right;
}

.hire-me-link{
   	display: block;
    float:left;
  margin-left: 2.4rem;
      margin-top: -17px;

    font-family: 'Spartan', sans-serif;
    color:#fa0e67
    float:left;
	font-size: 14px;
	text-align: left;


}

.hire-me-link a{
    text-align: left;
    text-align: left;
	font-family: 'Spartan', sans-serif;
	float:left;
    color:#666;


}

.hire-me-link a:hover{
    color:#ff0083;;

}



.navigation{
    padding-bottom:5em;
}

.hire-me-link h3 a:hover{
    color:#999;
}


.news-headline{
 	font-family: 'Open Sans', sans-serif;
   
}


/* Basic layout */

.container {
	font-size: 24px;
 	font-family: 'Open Sans', sans-serif;
	line-height: 1.6em;
}




.h3 a:default{
    color:floralwhite;
    text-decoration: none;
}
#logo a{
    color:floralwhite;
    font-size:1em;
}

.h3 a:hover{
    color:floralwhite;
    text-decoration: none;
}

a:hover{
	text-decoration: none;
}



.glyphicon{

	padding-top:20px;

}



.container {
  position: relative;
  padding:0px;
    margin: auto;

}


.slider-image {
   padding:0px;
    margin: 0px;
    margin: auto;

}

.image{
	padding:0px;
	margin:0px;
    overflow:hidden;
}


.overlay {
   position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
   background: rgb(251,31,172);
   background: linear-gradient(357deg, rgb(240, 240, 240) 35%, rgb(250, 250, 250) 100%);
   width: 100%;
    opacity:90%;
    height: 0;
    transition: .5s ease-in-out;
    animation:overlay-animation;
    padding:0;
    overflow: hidden;

}

.container:hover .overlay {
    height: 100%;
    overflow:hidden;
    transform: rotatex(360deg);
    transform-style: preserve-3d;
}

.dots{
	margin-top: -14px;

}

.text {
  color: #333;
  font-size: 20px;
  position: absolute;
  top: 275px;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: 'Open Sans', sans-serif;

}


.text .overlay h3, .text .overlay h1 {
	color:#333;
 	font-size: 3em;
   	font-weight:100;
 	position: absolute;
 	top: 50%;
  	left: 50%;
  	line-height: 1.5em;
  	text-align: center;
	font-family: 'Spartan', sans-serif;
}

 
    
 
.posted-on {
       visibility:hidden;
       display: none;
    }
    
      
.byline{
       visibility:hidden;
       display: none;
    }
 
    
img .wp-block-image .aligncenter {

        visibility: hidden;
        display: none;
}
    
.entry-content .wp-block-image .mod-reset .p-image-156 aligncenter{
    visibility: hidden;
    display: none;   
 }
    


.entry-content  img.wp-image-156{
        visibility: hidden;
        display: none; 
}
    
  


   .entry-content a:link{
         color:#555;



}
   
.entry-content a:hover{
         color:#666;
text-decoration: underline;
}
   
 .nav-links a:link{
    color:#666;
        font-size:3em;



}
   
  .nav-links a:hover{
         color:#888;
     	 font-size:3em;
         
       
       
}
  .nav-previous a:before{
    content:"<";
    color:#666;
    font-size:1em;   
       
}


  .nav-next a:after{
      content:">";
      color:#666;
      font-size:1em;
      padding-bottom: -20px;
      align-content: space-between;
      margin-right: 4rem     
       
}
   
   
   
.cat-links{
    visibility: hidden;
}

.entry-meta{
    visibility: hidden;
}

.entry-header h1 {
	font-family: 'Spartan', sans-serif;
    margin-left: 1.25rem;
    font-size: 4rem;
    font-weight:100;
    border-right: 4px solid #666;
     -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  background: -webkit-linear-gradient(-45deg, #eeaeca, #94bbe9,#b2d4ba,#eeaeca );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;


}


.wp-block-file a {
  margin: 0 0 0 1em;}

.wp-block-file a:hover{
    color:antiquewhite;
}

.wp-block-image a:hover{
    background-color: linear-gradient(-45deg, #eeaeca, #94bbe9,#b2d4ba,#eeaeca );

}


.wp-block-image{
    
}
.copyright{
font-family: 'Open Sans', sans-serif;

}

.glyphicon {
    font-weight: 600;
}

#post-353 .entry-title{
    display: none;
}


html, body{
    max-width:100%;
    overflow-x:hidden !important;
}


.entry-content btn btn-secondary{
    color: #FFF !important;
}
.entry-content btn btn-secondary a:hover{
        color:#666 !important;
}

/*
h3.glow {
  color: #fff;
  text-align: center;
  -webkit-animation: glow 1.5s ease infinite alternate;
  -moz-animation: glow 1.5s ease infinite alternate;
  animation: glow 1.5s ease infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 25px  #fff, 0 0 30px #1730f4, 0 0 40px #1730f4, 0 0 50px #1730f4, 0 0 60x #fff;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 15px  #fff, 0 0 20px  #fff, 0 0 30px #1730f4, 0 0 40px #1730f4, 0 0 50px #1730f4, 0 0 60px #fff;
  }
}
*/


.nav-links .nav-previous a:link {
    color: #666;
     font-size: 1.25em;
      float:left;
    margin-left:1.5em;
}

.nav-links .nav-next a:link {
    color: #666;
     font-size: 1.25em;
  
}



/*
.wp-block-image img {
    width: 900px;
}

*/

.wp-block-columns {

    max-width: 1400px;
    margin: auto;
}

a.btn.btn-secondary {
    color: #FFF;
    
}

.btn.btn-secondary a:hover{ 
    color: #666;
    
}




input{
    width:100%;  
}


#mc_embed_signup_scroll{
    color:floralwhite;
font-family: 'Open Sans', sans-serif;
    font-size:2em;

}


#mc_embed_signup_scroll{
    max-width:500px;

}


.mc_embed_signup form{
    display: flex;
    max-width:500px;
}



#mc-embedded-subscribe.btn.btn-secondary{
    background-color:#333;
    margin-bottom: 3rem;
    margin-top: 10px;
}



input{

	border-radius: 6px;
	background: 999;
	line-height: 1;
	padding: 9em;
    margin-bottom: 2rem;
    color: floralwhite;
    height: 45px;


}
input:focus{
	background: #FFF;
	outline-color: deeppink;

}

#mc-embedded-subscribe.btn.btn-secondary {
    border: none;
    font-size:1em;
    color: floralwhite;
    margin-top: 1.5rem;
    height: 69px;
        
}


#mc-embedded-subscribe.btn.btn-secondary:hover {
    border: none;
    color: #666;
        
}





header.entry-header{
    margin:0;
}



.header-links{
    text-align: center;
    margin-left:40px;
    margin:auto;
    width:100%;
    position: absolute;
    z-index: 900;

    top:11rem;

}






@media (min-width: 1024px) {
    
  .wp-block-columns has-2-columns {
    max-width:1200px;
  }
    
    .wp-block-column {

    max-width: 100%;
}
    
  

}



@media (max-width: 600px) {
    
.entry-content p {
font-family: 'Open Sans', sans-serif;
    color: azure;
    font-size: .75em;
    line-height: 1.75rem;
}
.wp-block-file a:link{
        font-size: .75em;
    }
    
.hvr-pulse{
   font-size:3em ;
}
.hire-me-link a{
   font-size:1em ;
}

nav#page-nav ul li.nav-item {
    margin: 0 0 0 -20px;

    }
    
.services-description{
    font-size: 18px;
    color:#FFF;
	font-family: 'Open Sans', sans-serif;
    margin-bottom: 3rem;
    width:100%;
    margin-left: -15px;
}
    
.services-descriptions{
    font-size: 18px;
    color:#FFF;
	font-family: 'Open Sans', sans-serif;
    margin-bottom: 3rem;
    width:100%;
    margin-left: -15px;
}

.services-description a{
    font-size: 18px;
    color:#FFF;
	font-family: 'Open Sans', sans-serif;
 
}


    
    .nav-wrapper {
    text-align: center;
    margin: 0 0 0 -140px;
}
}






.site-header{
    height:50px;
        background: linear-gradient(357deg, rgb(0, 0, 0) 85%, rgb(2, 2, 2) 100%);

}

/*safari row fix*/

.row:before, .row:after {display: none !important;}


.svg-logo
{
    width:22px;
    height: auto;
    margin-top:-10px;
    	fill: #FFF;
    	      z-index: 1000;


}


/*LOGO COLOR CHANGE ANIMATION*/


.logo a
{
  
    animation: all 1s ease-in-out;
    animation-name: logoAnimation;
}
 
@keyframes logoAnimation{
    0%{
        opacity: 100%;
           
    } 


70%{
 
    color: #666;}
        
}

80%{
    color: white;}
     box-shadow: 5px 10px rgb(132, 250, 255);}
    
}
  
 90%{
    color: white;
        
} 

100%{
    color:antiquewhite;
}


 
}

.logo{
  
    animation: all 1s ease-in-out;
    animation-name: logoAnimation;
}
 
@keyframes logoAnimation{
    0%{
        opacity: 100%;
        transform: rotate(0deg);     
    } 


    80%{
    filter: blur(5px);
    color: #666;
    }
    
    100%{
        filter: blur(none);
        opacity: 0%;
    }


 
}

.svg-logo
{
  
    animation: all .5s ease-in-out;
    animation-name: logoSpin;
}
 
@keyframes logoSpin{
    from{
   
        transform: rotate(0deg); 
         
    } 

   to{
       transform: rotate(-720deg);
        height: inherit;

    }

 
}



.logo{
    margin-top:20px;
    margin-bottom: 10px;
                outline:0;

}

.logo a:active{
        outline:0;
    }

a:active{
        outline:0;
    }


header{
  	margin-bottom:15rem;

  }

    
body{
    overflow-y:hidden;
}

hr.hr-vertical-left{
    transform: rotateX(90deg);
        width:100%;
            height:100%;
}


div.logo a {
    font-size: 11px;
}



.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.image
{min-width:100% ;}








/* [ON BIG SCREEN] */
/* Wrapper */
#page-nav {
  width: 100%;
  text-align: center;
    width: 100%;
    position: absolute;
    z-index: 1000;

    /* If you want the navigation bar to stick on top
  position: sticky;
  top: 0;
  */
}

#page-nav ul li a:hover {
  color: #FFF;
    text-decoration: underline;
   /* text-shadow: 0px 0px 5px #b393d3, 0px 0px 10px #b393d3, 0px 0px 10px #b393d3,
    0px 0px 20px #b393d3;
    */

}



/* Hide Hamburger */
#page-nav label, #hamburger {
  display: none;
    cursor: pointer;
    
}
label:hover{
 
}

/* Menu Items */
#page-nav ul {
  list-style-type: none;
  text-align: center;
  z-index: 999;
  opacity: 90%;
    margin: -31px 0 0 120px; 

}









/*NAV ALIGNMENT SMALL SCREENS*/
@media(max-width:321px){
    #page-nav ul {
          list-style-type: none;
          text-align: center;
          background-color: #000;
          z-index: 999;
          opacity: 90%;

    }
    .nav-wrapper{
		text-align:center;
   }
    
}



#page-nav ul li {
  display: inline-block;
	padding: 5px 35px;
  font-size: 2em;  
  font-family: 'Open Sans', sans-serif;
  z-index:999;
  margin: 0 0 0 0;
  cursor: pointer;
   outline: none;

}


 #page-nav ul {
  list-style-type: none;
  text-align: center;
  z-index: 999;
  opacity: 90%;
    margin: -91px 0 0 0px; 


}

#page-nav ul li a {
  color: #FFF;
  text-decoration: none;
  cursor: pointer important!;
}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 1560px){
  /* Show Hamburger */
  #page-nav label {
    display: inline-block;
    color: #fff;
    background-color: transparent;
    font-style: normal;
    font-size: 3em;
    position:absolute;
    right:10px;
    z-index:999;
    top: -136px;   
    margin: 0 0 0 -200px;

  }

   
.social-icons ul li{
    padding:0;
    position: inherit;
    padding-right:0px;
    display:none;

}
        
.social-icons{
    padding-right:40px;
    margin-top:22px;
    
}
    
.instagram-icon, .soundcloud-icon{
        display:none;
        margin-top:-20px ;
        diplay: flex;
        margin-right:30px ;
        justify-content: center;
}
    
 #page-nav {
        margin: auto;
        background-color: #000;
        position: absolute;
        z-index: 999;
        text-align: center;
        opacity: 93%;
    }


    #page-nav label {
    display: inline-block;
    color: #fff;
    background-color: transparent;
    font-style: normal;
    font-size: 3em;
    position: absolute;
    right: 10px;
    z-index: 999;
    top: -198px;
    margin: 0 0 0 -200px;
}
       
     /* Break down menu items into vertical */
   #page-nav ul li {
      display: block;
      font-size: 2em;  
  	  font-family: 'Open Sans', sans-serif;
      cursor: pointer important!;
      margin: 0 150px 0 0px;
  }
 

  
  /* Toggle show/hide menu on checkbox click */
  #page-nav ul {
    display: none;
    height:100%;
    background-color: #000;
    opacity: 90%;
    z-index:999;
  }
    
    
    #page-nav ul {
  	list-style-type: none;
  	text-align: center;
  	background-color: #000;
  	z-index: 999;
  	opacity: 90%;
    margin: 0 0 0 120px; 
    }

    
    
    #page-nav input:checked ~ ul {
    display: block;
    }
    
    
}
    
      





    .widget{
    display:none;
    }

    body a, html a, div ,li a, body, html, a{
    cursor: pointer important!;
}


}


 a, a:active, a:focus{
        outline: none; 
}



.services-header{
    background: rgb(251,31,172);
    height:35rem;
    border-radius: 0;
    margin: 20px 0 0 0 ;
    width: 100%;
	background: linear-gradient(-45deg, #eeaeca, #94bbe9,#b2d4ba,#eeaeca );
	background-size: 400% 400%;
	-webkit-animation: gradientBG 10s ease infinite;
	animation: gradientBG 10s ease infinite;
	margin-top: -200px;
}



@-webkit-keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.header-text{
    height:20rem;
    border-radius: 0;
    font-size: 18px;
    color:#FFF;
    font-family: 'Open Sans', sans-serif;
    margin:auto;
    margin-bottom: 50px;
    display: grid;
    justify-content: center;
    align-items: center;
}
 

 .header-text p{
text-align: center;
 }

.header-text .glitch{
	margin-right: -50px;
}


.about-text{
    background: rgb(251,31,172);
    background: linear-gradient(357deg, rgba(251,31,172,1) 35%, rgba(255,154,0,1) 100%);
    height:20rem;
    border-radius: 0;
    font-size: 18px;
    color:#FFF;
	font-family: 'Open Sans', sans-serif;
}

.headline-xl{
      font-size: 56px;
 	font-family: 'Spartan', sans-serif;
	font-weight: 100;
margin-top: 30px;
}



/*services layout*/

.wp-block-column:not(:first-child) {
    margin-top: -8px;
}

.services-description{
    font-size: 18px;
    color:#FFF;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 3rem;
    width:100%;
    margin-left: auto;
}

.services-descriptions{
    font-size: 18px;
    color:#FFF;
	font-family: 'Spartan', sans-serif;
    margin-bottom: 3rem;
    width:100%;
    padding:3rem;
    margin-left: 0;}

.services-descriptions:nth-child(even){
    font-size: 18px;
    color:#FFF;
    background-color: #111;
        
}

.services-description h1{
    font-size: 24px;
    font-weight:100;
    color:#FFF;
	font-family: 'Spartan', sans-serif;
  /*  text-shadow: 0px 0px 5px #b393d3, 0px 0px 10px #b393d3, 0px 0px 10px #b393d3,
    0px 0px 20px #b393d3; */
}



.services-descriptions svg{

   margin-bottom:2rem;
}


/*services icons animation

.animationBorder {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 12px;
  width: 200px;
  height: 200px;
  color: black;
  font-size: 20px;
}
.animationBorder:hover .background {
  background-position: 100px 0;
}
.background, .content {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.background {
  transition: 1200ms;
  background-color: black;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, #ffffff 10px, #ffffff 20px);
  background-size: 30px;
}
.content {
  transition: 200ms;
  margin: 1px;
  line-height: 200px;
  text-align: center;
  background-color: white;
}



/* servces icons animations */

svg.services-icon {
  stroke-dasharray: 450;
  stroke-dashoffset: 450;
   -webkit-stroke-dasharray: 450;
   -webkit-stroke-dashoffset: 450;
   -webkit-animation-name: dash ;
    -webkit-animation-duration:17s;
    -webkit- animation-timing-function:linear;
    -webkit- animation-direction:forwards;
    -webkit-animation-fill-mode: forwards;
    stroke-dasharray: 450;
    stroke-dashoffset: 450;
    animation-name: dash ;
    animation-duration:17s;
    animation-timing-function:linear;
    animation-direction:forwards;
    animation-fill-mode: forwards;
}

-webkit-@keyframes dash {
  to {
        stroke-dashoffset: 0;
         -webkit-stroke-dashoffset: 0;

  }
}


.svg-logo, div.logo svg.svg-logo path.st0, .logo span, .my-name {
    animation: dash 5s linear forwards;
}

@keyframes dash {
    
    
    
    from{
     stroke-dashoffset:450;
   	-webkit-stroke-dashoffset:450;

    }
  to {
   stroke-dashoffset:1;
   -webkit-stroke-dashoffset:1;

  }
    
 }
    
    .st0:hover{
    }

    
    svg{
       background-color:  linear-gradient(357deg, rgb(217, 251, 31) 35%, rgb(0, 255, 206) 100%);
    }
    
    
    
.services-icon-for-pages {
        max-width: 250px;
        max-height:250px;
    	margin: -20px 0 000px 20px;
      
    }



 .gradient-animation{
	background: linear-gradient(-45deg, #eeaeca, #94bbe9,#b2d4ba,#eeaeca );
	background-size: 400% 400%;
	-webkit-animation: gradientBG 10s ease infinite;
	        animation: gradientBG 10s ease infinite;
	        margin-top: -20px
}


@-webkit-keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

hr.gradient-animation{
top:25px;
left:0;

}




.jumbotron {
      
      z-index: 1000;
      
        padding-top: 0rem;
        padding-right: 2rem;
        padding-bottom: 4rem;
        padding-left: 2rem;
}

.jumbotron h1{
 	color:#FFF;
	font-family: 'Spartan', sans-serif;

}
.jumbotron h1{
	corner-radius:0px;
}

p.lead{
	color:#FFF;
	 position: absolute;
	 z-index: 888;
	 font-size: 10px;
}

.lead a{
	position:absolute; 
 	zindex: 888;
	margin-top: 52px;
}

.lead{
	position:absolute; 
	z-index: 888;
}


.container-fluid {
   width: 100%;
   margin-right: auto;
   margin-left: auto;
    margin-top: 17em;

}



.jumbotron p {
    margin-bottom: 55px;
    font-size: 21px;
    font-weight: 200;
    color:#FFF;
}

.jumbotron-fluid h1.display-4, .jumbotron-fluid p.display-4{
    padding: 0 60px;
}

nav.page-nav{
	    height: 100%;

}



h3.overlay-text {
    color: #222;
    font-family: 'Brygada 1918', serif;
     font-style: italic;
    transform: none;
    margin-top: -3em;
}



 .glitch {
      
      padding:0 60px;
      color: white;
      opacity: 80%
z
    }
    
    /* Real glitch effect */
    .glitch {
      position: relative;
    }
 


   .glitch:after {
      animation: glitch-animation .5s infinite linear alternate-reverse;
      clip: rect( 0, 900px, 0, 0 );
      color: #b2d4ba;
      content: attr( data-text );
      left: -1px;
      overflow: hidden;
      position: absolute;
      top: -1;
      padding:0 60px;


    }

    
  
 

    .glitch:before {
      animation: glitch-animation-2 1s infinite linear alternate-reverse;
      background: transparent;
      clip: rect( 0, 900px, 0, 0 );
      color: #eeaeca;
      content: attr( data-text );
      left: 2px;
      overflow: hidden;
      position: absolute;
      top: 2px;
      padding:0 60px;
            opacity: 80%

    }

    /* Expanded Animations */
    @keyframes glitch-animation {
      0% {
        clip: rect(42px, 9999px, 44px, 0);
      }
      5% {
        clip: rect(12px, 9999px, 59px, 0);
      }
      10% {
        clip: rect(48px, 9999px, 29px, 0);
      }
      15.0% {
        clip: rect(42px, 9999px, 73px, 0);
      }
      20% {
        clip: rect(63px, 9999px, 27px, 0);
      }
      25% {
        clip: rect(34px, 9999px, 55px, 0);
      }
      30.0% {
        clip: rect(86px, 9999px, 73px, 0);
      }
      35% {
        clip: rect(20px, 9999px, 20px, 0);
      }
      40% {
        clip: rect(60px, 9999px, 60px, 0);
      }
      45% {
        clip: rect(25px, 9999px, 66px, 0);
      }
     
      50% {
        clip: rect(71px, 9999px, 75px, 0);
      }
      55.0% {
        clip: rect(2px, 9999px, 48px, 0);
      }
      60.0% {
        clip: rect(30px, 9999px, 16px, 0);
      }
      65% {
        clip: rect(54px, 9999px, 27px, 0);
      }
      70% {
        clip: rect(28px, 9999px, 99px, 0);
      }
      75% {
        clip: rect(60px, 9999px, 69px, 0);
      }
      80% {
        clip: rect(23px, 9999px, 85px, 0);
      }
      85.0% {
        clip: rect(54px, 9999px, 84px, 0);
      }
      90% {
        clip: rect(45px, 9999px, 47px, 0);
      }
      95% {
        clip: rect(37px, 9999px, 20px, 0);
      }
      100% {
        clip: rect(4px, 9999px, 91px, 0);
      }
    }

    @keyframes glitch-animation-2 {
      0% {
        clip: rect(65px, 9999px, 100px, 0);
      }
      5% {
        clip: rect(52px, 9999px, 74px, 0);
      }
      10% {
        clip: rect(79px, 9999px, 85px, 0);
      }
      15.0% {
        clip: rect(75px, 9999px, 5px, 0);
      }
      20% {
        clip: rect(67px, 9999px, 61px, 0);
      }
      25% {
        clip: rect(14px, 9999px, 79px, 0);
      }
      30.0% {
        clip: rect(1px, 9999px, 66px, 0);
      }
      35% {
        clip: rect(86px, 9999px, 30px, 0);
      }
      40% {
        clip: rect(23px, 9999px, 98px, 0);
      }
      45% {
        clip: rect(85px, 9999px, 72px, 0);
      }
      50% {
        clip: rect(71px, 9999px, 75px, 0);
      }
      55.0% {
        clip: rect(2px, 9999px, 48px, 0);
      }
      60.0% {
        clip: rect(0px, 9999px, 16px, 0);
      }
      65% {
        clip: rect(59px, 9999px, 50px, 0);
      }
      70% {
        clip: rect(41px, 9999px, 62px, 0);
      }
      75% {
        clip: rect(2px, 9999px, 82px, 0);
      }
      80% {
        clip: rect(47px, 9999px, 73px, 0);
      }
      85.0% {
        clip: rect(3px, 9999px, 27px, 0);
      }
      90% {
        clip: rect(26px, 9999px, 55px, 0);
      }
      95% {
        clip: rect(42px, 9999px, 97px, 0);
      }
      100% {
        clip: rect(38px, 9999px, 49px, 0);
      }
    }

     
    










/*portfolio image rollove effects*/

figure a {
   position: relative; 
  overflow: hidden;
  margin: 0;

}


figure a:hover{
  	animation: bloom ease-in .25s forwards;


}

@keyframes bloom {
    0% {
        opacity: 100%;
    }
   
    100% {
        opacity: 30%;
filter:  hue-rotate(160deg);
    }
}








a:hover {
    color: #999;
    text-decoration: underline;
}

circle.smiley-face-eye{
	fill: #FFF;
	color:#FFF;
}



.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: transparent;

}




  h1.home-title{
    	 margin-left:1.5rem;

    }

  h1.main-headline{    	 
 -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  background: -webkit-linear-gradient(-45deg, #eeaeca, #94bbe9,#b2d4ba,#eeaeca );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    }


 .main-headline {
    	position:relative;
    	z-index: 100; 
    	margin-left: -5px;
    	background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, #222 10px, #222 20px);



    }

 .main-headline p {
    	margin-top: 30em;


    }



footer div p a:hover{
		text-decoration: underline;
    }
	
video {
  width: 100%;
  height: auto;
  }


.video-bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;

    width: 100%;
  height: 50%;
}


.video-bg video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
  	z-index: 0;
    pointer-events: none; /* Allows right clicking on the video to pause etc */

}

	

.mailing-list-sign-up-link a {
    text-align: right;
	font-family: 'Spartan', sans-serif;
    color:#666;

}

.mailing-list-sign-up-link a:hover {
    text-align: right;
	font-family: 'Spartan', sans-serif;
    color: #ff0083;;
    text-decoration: underline;
}




.glyphicon glyphicon-envelope{
	background: -webkit-linear-gradient(-45deg, #eeaeca, #94bbe9 );

}



hr {
      background-color: #fff;
      border: 0;
	  background-image: -webkit-linear-gradient(-45deg, #eeaeca, #94bbe9 );
}

h1{	  
	text-color: -webkit-linear-gradient(-45deg, #eeaeca, #94bbe9 );
}


h1.entry-title {
    margin-left: -8px;
	font-size: 72px;
 	 -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  background: -webkit-linear-gradient(-45deg, #eeaeca, #94bbe9,#b2d4ba,#eeaeca );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


h2.entry-title {
	font-size: 72px;
 	 -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  background: -webkit-linear-gradient(-45deg, #eeaeca, #94bbe9,#b2d4ba,#eeaeca );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-family: 'Spartan', sans-serif;
 	font-weight: 300;
 	margin-left: 10px;

}




em{
}

ul li{ 
	
}



li{	    
	list-style:none;
}



.wp-block-separator {
    border-top: 0;
    border-bottom: 0;
}



.wp-block-image img {
    margin-top: 00px;
}



p{
	margin-bottom: 
	1em;
}



ul, ol {
    margin: 2em 0 1.5em 0em;
}




.jumbotron {
    background-color: #000;
}



.blinking-cursor {
  font-weight: 100;
  font-size: 30px;
  color: #FFF;
  -webkit-animation: 2s blink step-end infinite;
  -moz-animation: 2s blink step-end infinite;
  -ms-animation: 2s blink step-end infinite;
  -o-animation: 2s blink step-end infinite;
  animation: 2s blink step-end infinite;
}

@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #FFF;
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: #FFF;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #FFF;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #FFF;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #FFF;
  }
}



.phone-number {
  font-size: 1.32em;
  color: #FFF;
  xfont-family: 'Spartan', sans-serif;
  float: right;
  margin-right: -83px;
  margin-top: -40px;
}






h3.overlay-text{
	color:#222;
	font-family: 'Brygada 1918', serif;
	transform: none;
	margin-top: -169px;
}





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


h1.main-headline{
		font-size: 2.5rem;
		 -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  background: -webkit-linear-gradient(-45deg, #eeaeca, #94bbe9,#b2d4ba,#eeaeca );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
h3.overlay-text{
	color:#222;
	font-family: 'Brygada 1918', serif;
	transform: none;
	margin-top: -215px;
}

.jumbotron h1
	font-size: 2.5rem;


}


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

.header-text p {
    text-align: left;
	}

.header-text  {
    text-align: left;
	}


.header-text p {
    text-align: left;
	}

.header-text  {
    text-align: left;
	}




h3.overlay-text{
	color:#222;
	font-family: 'Brygada 1918', serif;
	transform: none;
	margin-top: -128px;
}






}






	h3.overlay-text{
	color:#222;
	font-family: 'Brygada 1918', serif;
	transform: none;
}



 	.phone-number a{
    font-size:1.32em;
    color:#FFF;
   	font-family: 'Open Sans', sans-serif;
    	

    }


	.headline-xl{
    font-size: 56px;
 	font-family: 'Spartan', sans-serif;
	font-weight: 100;
	margin-top: 40px;
}



}

.mr-3, .mx-3 {
  margin-right: .25rem !important;
}
.fa-phone{  margin-right: .25rem !important;
}







.phone-icon{
    margin-right: -10px !important;
}





.glyphicon-envelope{margin-left: 3px;}



.services-icon-sm{
	width:30px;
	height: 30px;
}


ul.service-icons-sm-group, ul li.service-icons-sm-group{
	display:inline;
	margin-top: -230px;
}


ul.service-icons-sm-group li{
	display:inline;
	margin-top:-400px;
margin-left:5px;
margin-left:5px;
diplay: flex;
justify-content: center;

}




p.has-text-align-center {
    margin-top: 30px;
}


p.has-text-align-left {
    margin-top: 30px;
}

p.has-text-align-right {
    margin-top: 30px;
}



ul.music-production{
margin-top:20px;
}


h3.design-services-sub-headline{
	diplay: flex;
	justify-content: center;
	text-align: center;
	font-family: 'Brygada 1918', serif;
	font-style: italic;


}




@media screen and (max-width: 768px) {
	h3.design-services-sub-headline{
		text-align: left;
		font-family: 'Brygada 1918', serif;
}
	h3.overlay-text{
		color:#222;
		font-family: 'Brygada 1918', serif;
		transform: none;
		margin-top:-230px;

}

.lead{
	margin-left:-3px;
}


.demo-reel{


    width: 768px !important; 

}

}











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

	.social-icons {
    margin: 1.32em;
    margin-top: 1em;
    margin-top: -58px;
    display: inline;
	}
	

	 .phone-number ul{
    font-size:1.32em;
    color:#FFF;
	font-family: 'Spartan', sans-serif;
	margin-right: 75x;
    }

     .phone-number{
    font-size:1.32em;
    color:#FFF;
	font-family: 'Spartan', sans-serif;
	margin-right: 55px;    }

}



::selection{
    background-color: #fff;
    color: #000;
}

::-moz-selection{
 background-color: #fff;
    color: #000;}


.error-404 p{
	margin-left:10px;
}

.error-404  h1{
	margin-left:10px;
}

.error-404  form{
	display:none;
}




.demo-reel{ 
	width: 75%;
	margin: auto ;

}





@media screen and (max-width: 480px) {
	
h3.overlay-text{
	color:#222;
	font-family: 'Brygada 1918', serif;
	transform: none;
	margin-top: -225px;
}

.jumbotron p {
    margin-bottom: 55px;
    font-size: 13px;
    font-weight: 200;
    color:#FFF;
}


h1.entry-title {
    font-size: 2em;
}


}





.get-started-btn{
	border-radius: 12px;
}





.logo-grid{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	margin-top: 130px;
}


.logo-grid > div > img{
	max-width: 100px;
	max-height: 50px;
}


 .st0{
    	background-color: #FFF;
    	color: white;
    	fill: #FFF;
    }

   

.wp-block-image img {
  height: auto;
  min-width: 100%;
  vertical-align: bottom;
}





.quote {
  font-size: 1em;
  color: #FFF;
  font-family: 'Spartan', sans-serif;
  float: right;
  margin-right: 250x;
  margin-top: -37px;
}







.nav-link a: hover {
    color: cyan;
}
    
.resume-link{
font-size: 1.25em;

    }



.card-body div p{
    color:#222;
}